/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:16px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:2px 0;}
.img{max-width:100%;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px; margin:0 auto;padding: 0 10px;}
@media only screen and (max-width: 1300px) {
.wapper{ width:100%;box-sizing: border-box;}
}

.icon img{vertical-align: middle;}


.header{ position:relative;}
.index_top{width: 100%;height: 40px;background: #f5f5f5;}
.index_top .left{float: left;height: 40px;line-height: 40px;color: #808080;font-size: 13px;}
.index_top .right{float: right;height: 40px;display: flex;justify-content: center;align-items: center;}
.index_top .right a{display: inline-block;padding-left: 10px;}
.index_top .right img{width: 20px;transition: 0.3s;}
.index_top .right .img2{display: none;}
.index_top .right a:hover .img1{display: none;}
.index_top .right a:hover .img2{display: block;}

.index_middle{width: 100%;height: 110px;background: #fff;}
.logo{float: left;}
.logo{height: 110px;display: flex;justify-content: center;align-items: center;}
.logo img{max-width: 100%;height: 87px;}
.index_middle .right{float: right;}
.index_middle .right .warp{height: 110px;display: flex;justify-content: center;align-items: center;}
.h_contact{font-size: 16px;line-height: 22px;color: #808080;}
.h_contact .tel{display: inline-block;width: 44px; height: 44px; border-radius: 50%;background: #f5f5f5;text-align: center;line-height: 42px;vertical-align: middle;border: 1px solid #f5f5f5;}
.h_contact .tel img{max-width: 100%;}
.h_contact .tel_nub {display: inline-block;vertical-align: middle;}
.h_contact .tel_nub .t1{font-size: 12px;color: #808080;padding-right: 40px;}
.h_contact .h_email{display: block;border-left: 1px solid #eee;padding-left: 40px;}
.h_contact .h_email .tel_nub{color: #808080;;}
.h_contact .h_email:hover .tel{border: 1px solid #1a4588;}
.h_contact .h_email:hover .tel_nub,
.h_contact .h_email:hover .tel_nub .t1{color:#1a4588;}
.h_contact .h_message{display: inline-block;padding: 0 25px;font-size: 14px;line-height: 45px; color: #fff; background: #1a4588;transition: 0.3s;}
.h_contact .h_message:hover{background: #2761bb;text-decoration: none;}


.pc_menu{height: 60px;width: 100%;background: rgba(54, 99, 169, 0.77);position: absolute;z-index: 999;top: 150px;left: 0;}
.pc_menu.fixed{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;}
.menu{height:60px;line-height:60px;position: relative;}
.menu ul li{ float:left; position:relative;padding: 0 30px;}
.menu ul li:first-child{padding-left: 0;}
.menu ul li dl{ background:#fff;min-width: 240px; position:absolute; left:0px; top:60px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px;display:none;z-index: 99;border-radius: 0 0 5px 5px; }
.menu ul li dl dd{ line-height:35px;margin:0 10px; }
.menu ul li dl dd a{ font-size:16px; color:#676767;padding:0 10px; text-align:left;display: block;}
.menu ul li dl dd a:hover{ color:#1a4588;}
.menu a{ font-size:16px;color:#fff; text-decoration:none;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{color:#fff;background: url(../images/sjsb.png) center bottom no-repeat;}
.menu ul li.active span a,
.menu ul li span a:hover{background: url(../images/sjsb.png) center bottom no-repeat;}

.h_search_btn {position: absolute;right: 0;height: 60px;}
.h_search_btn a{display: flex;justify-content: center;align-items: center;height: 60px;width: 40px;}
.h_search_btn a .img2{display: none;}
.h_search_btn.on .img1{display: none;}
.h_search_btn.on .img2{display: block;}
.h_search{width: 100%;height: 40px;padding-top: 20px;padding-bottom:10px;position: absolute;top: 0px;z-index: 9;background: rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transition: 0.5s;}
.h_search.active{opacity: 1;visibility: visible;top: 60px;}
.h_search .h_search_bg{height: 40px;width: 100%;background: none;position: relative;border-bottom: 1px solid #fff;}
.h_search input{color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 40px;background: none;border: none;outline: none;font-size: 16px;}
.h_search button{position: absolute;right: 0;height: 40px;top: 0;width: 40px;background: none;border: none;}


.m_header{width: 100%;}
.sp_header{height:75px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:75px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:28px}
.sp_nav span{display:block;background:#0188FB;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 75px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;border-bottom: 2px solid  #0188FB;}
.nav_show{top:75px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e4e8eb solid;position:relative;line-height:55px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none;background: #1a4588;}
.sjj_nav ul li a{color:#282828;width:100%;padding: 0 20px;display: block;}
/*.sjj_nav ul li a:hover{color: #0188FB;}*/
.sjj_nav ul li ul li a{color:#fff;display:block;text-align:left;}
.sjj_nav ul li ul li a:hover{color: #fff;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#fff;background: #1a4588;border-radius: 50%;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}


.m_search_wrap{ background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.2);width: 100%;}
.m_search_wrap .m_search_input{padding: 5px;border: 1px solid #e4e8eb;height: 30px;position: relative;background: #fff;}
.m_search_wrap .m_search_input input{width: 100%;color: #333;font-size: 14px;background: none;height: 100%;position: absolute;top: 0;left: 10px;outline: none;}
.m_search_wrap .m_search_input button{position: absolute;top: 0;right: 0;height: 100%;width: 45px;background: #fff;border: none;}



/*swiper*/
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;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;}
.swiper-slide img {max-width: 100%;height: 100%;object-fit: cover;}
.mySwiper1{position: relative;}
.mySwiper1 .img_top{position: absolute;width: 100%;top: 0;left: 0;z-index: 9;height: 100%;}
.mySwiper1 .img_top .warp{position: relative;width: 100%;height: 100%;}
.mySwiper1 .img_top .img_top_img1{position: absolute;top: 21%;left: 15%;}
.mySwiper1 .img_top .img_top_img1 img{/*width: 25vw;*/height: auto;}
.mySwiper1 .img_top .img_top_img2{position: absolute;right: 0%;bottom: 2%;}
.mySwiper1 .img_top .img_top_img2 span{margin: 0 32px;}
.mySwiper1 .img_top .img_top_img2 img{width: 13vw;height: auto;}
.mySwiper1 .swiper-button-next,.mySwiper1  .swiper-button-prev{color: #fff;background: rgba(0,0,0,0.3);padding: 20px;transition: 0.3s;}
.mySwiper1 .swiper-button-next:hover,.mySwiper1  .swiper-button-prev:hover{;background: rgba(0,0,0,0.5);}
.mySwiper1 .img2{display: none;}

.index1{width: 100%;background: #F1F1F1;padding: 50px 0;}
.index1 .wapper{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index1 .tit{width: 50%;text-align: left;}
.index1 .sp{width: 50%;float: right;}
.index1 .tit h2{color: #1a4588;font-size: 36px;margin: 20px 0 10px 0;}
.index1 .text{width: 100%;margin: 0 auto;color: #333;font-size: 18px;margin-bottom: 30px;    line-height: 29px;}
.index1 .list{width: 100%;}
.index1 .left{float: left;width: 50%;}
.index1 video{width: 100%;}


.mySwiper2{position: relative;}
.mySwiper2 .swiper-button-next2,
.mySwiper2 .swiper-button-prev2{background: rgba(255,255,255,0.6);padding: 10px;color: #1a4588;top: 90%;}
.mySwiper2 .swiper-button-next2{right: 0;}
.mySwiper2 .swiper-button-prev2{left: auto;right: 47px;}
.mySwiper2 .swiper-button-next2:after,
.mySwiper2 .swiper-button-prev2:after{font-size: 20px;}
.index1 .right{float: right;width: 50%;}
.index1 .right .t1{padding-left: 5%; color: #1a4588; font-size: 16px;font-weight: 700;margin-bottom: 10px;}
.index1 .right .desc{padding: 0 5% 0 10%;color: #333;font-size: 14px;}

.index2{width: 100%;padding: 50px 0;height: 400px;position: relative;margin-bottom:50px;}
.tit_style2{width: 100%;text-align: center;position: relative;}
.tit_style2 .font_shadow{text-align: center;position: absolute;z-index: 7;color: #bde1d8;font-size: 38px;width: 100%;margin-top: -20px;}
.tit_style2 h2{color: #1a4588;font-size: 36px;margin: 20px 0 10px 0;font-weight: 500;position: relative;z-index: 8;}
.index2 .list{width: 100%;position: relative;margin-top: 30px;}
.index2 .list ul li{float: left;width: 29%;margin: 2%;}
.index2 .list ul li a{display: block;width: 100%;background: #f7f7f7;box-sizing: border-box;padding: 20px;transition: 0.3s;}
.index2 .list ul li a .img{width: 100%;background: #fff;overflow: hidden;}
.index2 .list ul li a .img img{max-width: 100%;transition: 0.5s;    height: 286px; object-fit: contain;}
.index2 .list ul li a .txt{text-align: center;}
.index2 .list ul li a .txt .t1{margin-top: 10px;color: #333;font-size: 16px;font-weight: 500;}
.index2 .list ul li a .txt .t2{margin-top: 10px;color: #999;font-size: 12px;}
.index2 .list ul li a:hover{background: #23527c;}
.index2 .list ul li a:hover .img img{transform: scale(1.2);}
.index2 .list ul li a:hover .txt .t1,
.index2 .list ul li a:hover .txt .t2{color: #fff;}

.index3{width: 100%;padding: 50px 0;}
.i3_tit{width: 100%;text-align: center;position: relative;}
.i3_tit a{color: #1a4588;font-size: 36px;margin: 20px 0 10px 0;font-weight: 500;}
.i3_tit .text{font-size: 16px;color: #666;}
.index3 .i3_list{width: 100%;padding-top: 50px;}
.index3 .i3_list ul li{float: left;width: 32%;margin-right: 1%;position: relative;margin-bottom: 20px;overflow: hidden;}
.index3 .i3_list ul li:nth-child(3n){margin-right: 0;}
.index3 .i3_list ul li .img{width: 100%;position: relative;overflow: hidden;display: block;}
.index3 .i3_list ul li .img img{width: 100%;max-width: 100%;vertical-align: middle;}
.index3 .i3_list ul li .desc{width: 100%; height: 100%; display: -webkit-flex;display: flex; align-items: center; position: absolute; left: 0;top: 0;transition: 0.3s;}
.index3 .i3_list ul li .desc .warp{padding: 0 30px;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 24px;line-height: 1.32;color: #fff;width: 100%;font-weight: bold;}
.index3 .i3_list ul li .desc .warp .text{display: none;width: 100%; font-size: 16px;line-height: 26px; color: #fff;overflow: hidden;transition: 0.3s;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 20px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{display: inline-block;vertical-align: top;padding: 0 39px;font-size: 16px;line-height: 40px; color: #fff;background: #1a4588;}
.index3 .i3_list ul li:hover .desc{background: rgba(20,104,172,0.9)}
.index3 .i3_list ul li:hover .desc .ti{color: #1a4588;}
.index3 .i3_list ul li:hover .desc .warp .text{display: block;}

.index4{width: 100%;padding: 50px 0;}
.index4 .list{width: 100%;margin-top: 50px;}
.index4 .list .left{float: left;width: 50%;}
.index4 .i4_img{width: 100%;overflow: hidden;position: relative;}
.index4 .i4_img img{width: 100%;transition: 0.3s;}
.index4 .i4_img .time{position: absolute;left: 10px;top: 40px;width: auto;background: #1a4588; padding: 0 32px;line-height: 34px;color: #fff;z-index: 9;font-size: 14px;}
.index4 .i4_img .desc{position: absolute;bottom: 40px;width: 100%;text-align: left;color: #fff;font-size: 18px;font-weight: 600;left: 0;box-sizing: border-box;padding: 0 5%;}
.index4 .left a:hover .i4_img img{transform: scale(1.2);}
.index4 .left a:hover .i4_img .desc{color: #1a4588;}


.index4 .list .right{float: right;width: 50%;box-sizing: border-box;padding-left: 5%;}
.i4_news{width: 100%;}
.i4_news ul li{padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;}
.i4_news ul li:last-child{border: 0;}
.i4_news .left_img{float: left;width: 33%;overflow: hidden;}
.i4_news .left_img img{width: 100%;transition: 0.3s;}
.i4_news .left_img a:hover img{transform: scale(1.2);}
.i4_news .warp{float: right;width: 60%;padding: 0 3%;}
.i4_news .warp .t1{display: block;width: 100%; font-size: 18px;line-height: 24px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: 600;margin: 20px 0;}
.i4_news .warp .txt{display: block; width: 100%; font-size: 14px; line-height: 24px;color: #808080;margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.i4_news .warp .time{width: 100%; display: block;font-size: 14px; color: #1a4588;line-height: 24px;margin-top: 20px;}
.i4_news .warp .time span{display: inline-block;vertical-align: top;font-size: 14px;color: #1a4588;line-height: 24px;margin-left: 14px;padding-left: 14px;position: relative;}
.i4_news .warp .time span:before{ content: '|'; position: absolute;left: 0;top: 0;}
.i4_news .warp .t1:hover{color: #1a4588;}

/*.footer{background: rgb(24, 24, 25);width: 100%;}
.f_menu{width: 100%;transition: all .4s;height: 80px;line-height: 80px;}
.f_menu ul li{float: left;text-align: center;position: relative;}
.f_menu ul li a{display: block;padding: 0 50px;font-size: 16px;color: #fff;}
.f_menu ul li.active a,
.f_menu ul li a:hover{color: rgb(255, 173, 1);}
.f_menu .line{position: absolute;bottom: 0px;left: 50%; display: inline-block; width: 0%; margin: 0 auto;background: rgb(255, 173, 1); height: 2px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.f_menu ul li a:hover .line{width: 100%;}
.footer .f_list{padding: 50px 0;width: 100%;}
.footer .f_list ul li{float: left;width: 40%;text-align: left;box-sizing: border-box;padding: 0 1.5%;border-right: 1px solid #303030;}
.footer .f_list ul li 
.footer .f_list .f_tit{width: 100%;}
.footer .f_list .desc{margin-top: 40px;}
.footer .f_list .f_tel{display: inline-block;vertical-align: middle;}
.footer .f_list .f_tel img{width: 42px;}
.footer .f_list .desc .txt{color: rgb(165, 165, 165);font-size: 12px;}
.footer .f_list .desc .f_tel_txt{display: inline-block;padding-left: 10px;vertical-align: middle;}
.footer .f_list .desc .font_weight{font-size: 30px;font-weight: 600;color: #FFF;margin-top: 10px;}
.footer .f_list .desc .f_share{display: inline-block;}
.footer .f_list .desc .f_share a{display: inline-block;margin: 0 5px;border: 1px solid #303030;border-radius: 50%;padding: 10px 11px;transition: background 0.6s ease-out 0s;vertical-align: middle;}
.footer .f_list .desc .f_share .img2{display: none;}
.footer .f_list .desc .f_share a:hover{border-top-color: rgb(255, 173, 1);}
.footer .f_list .desc .f_share a:hover .img1{display: none;}
.footer .f_list .desc .f_share a:hover .img2{display: block;}
*/


.f_menu{padding: 80px 0;background: #1a4588;width: 100%;}
.f_menu ul{width: 100%;}
.f_menu ul li{display: inline-block;vertical-align: top;width: 32%;}
.f_menu ul li.f_li1{width: 30%;margin-right: 3%;}
.f_menu ul li .tit{height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 16px;color: #fff;}
.f_menu ul li .tit a{font-size: 16px;color: #fff;}
.f_menu ul li .t1{height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 20px;color: #fff;font-weight: 600;}
.f_menu ul li .t1 a{color: #fff;}
.f_menu .f_link{margin-top: 50px;}
.f_menu .f_link ul li{display: inline-block;vertical-align: middle;width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;background: rgba(255,255,255,0.11);}
.f_menu .f_link ul li a{display: flex;justify-content: center;align-items: center;height: 40px;}
.f_menu .f_link ul li:hover{background:#24b36d;}
.f_menu ul li .list dd{padding: 8px 0;}
.f_menu ul li .list dd a{font-size: 16px;color: rgba(255,255,255,0.6);}
.f_menu ul li .desc{font-size: 14px;color: rgba(255,255,255,0.6);text-align: left;line-height: 34px;}
.f_contact .span{color: rgba(255,255,255,0.6);font-size: 14px;line-height: 34px;display: block;position: relative;padding-left: 20px;word-break: break-all;}
.f_contact .span .icon{position: absolute;top: 0;left: 0;}

.footer{background: #1a1a1a;/*height: 70px;*/line-height: 70px;}
.footer .left{float: left;padding: 5px 0;}
.footer span,
.footer a{color: rgba(255,255,255,0.6);font-size: 16px;}
.footer .right{float: right;}
.footer .right ul li{display: inline-block;vertical-align: middle;width: 30px;height: 30px;margin-left: 10px;border: 1px solid #fff;border-radius: 50%;}
.footer .right ul li a{display: flex;justify-content: center;align-items: center;height: 30px;}
.footer a:hover{color: #24b36d;}





.banner .img_show{width: 100%;}
.menu_nav{width: 100%;height: 35px;line-height: 35px;background: #F1F1F1;}
.menu_nav span{display: inline-block;color: #777;font-size: 14px;}
.menu_nav a{color: #333;font-size: 14px;}


.products{width: 100%;padding: 50px 0;}
.products .list{position: relative;}
.products .left{float: left;width: 25%;margin-right: 3%;}
.pro_search{border: 1px solid #a0a0a0;padding: 20px;}
.pro_search span{position: relative;display: block;width: 100%;}
.pro_search input{width: 100%;display: table-caption;height: 40px; padding: 6px 12px; font-size: 14px;line-height: 1.4; color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;outline: none;box-sizing: border-box;}
.pro_search button{width: 20%;height: 40px;border-color: #1a4588;background: #1a4588;position: absolute;top: 0;right: 0;border: none;}

/*标签5*/
.tab_list5{width: 100%;}
.tab_list5 ul li{margin: 10px 0;}
.accordion {width: 100%;margin: 5px auto;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 15px 20px;color: #333;font-size: 18px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background: #F1F1F1;}
.accordion .link a:hover{color: #1a4588;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #333;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #fff;background: #1a4588;}
.accordion li.open .link a{color: #fff;}
.accordion li.open i {color: #fff;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;background: #fff;font-size: 14px;}
.tab_list5 .submenu li {border-bottom: 1px solid #eee;margin: 0;background: #fff;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;color: #333;font-size: 14px;padding:15px;}
.submenu a:hover {color: #1a4588;}
/*标签5_____end*/

.products .right{float: right;width:72%;}
.pro_title{width: 100%;}
.pro_title .t1{font-size: 24px;color: #1a4588;font-weight: 700;}
.pro_title .txt{font-size:14px;color: #333;line-height: 1.5;margin: 10px 0;}
.product_list{width: 100%;}
.product_list ul li{float: left;width: 29%;margin: 2%;}
.product_list .desc{width: 100%;display: block;}
.product_list .desc .img{border: 1px solid #ddd;transition: 0.3s;}
.product_list .desc img{max-width: 100%;    height: 286px; object-fit: contain;}
.product_list .desc .txt{padding: 10px 0;color: #333;font-size: 14px;}
.product_list .desc:hover .img{box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);}
.product_list .desc:hover .txt{color: #1a4588;}
.product_list .choice{margin-top: 10px;}
.product_list .choice button.pro_btn{border: none;background: #F1F1F1;border-radius: 5px;color: #333;font-size: 14px;padding: 10px 20px;}
.product_list .choice button.pro_btn:hover{color: #fff;background: #1a4588;}
img{max-width:100%}  
.product_page{width: 100%;margin: 20px 0;text-align: right;}
.product_page span,
.product_page a{font-size: 16px;color: #1a4588;border:1px solid #1a4588;padding: 3px 10px;margin: 0 7px;display: inline-block;}
.product_page span.on,
.product_page a.on,
.product_page span:hover,
.product_page a:hover{background: #1a4588;color: #fff;}



.zhezhao{position: fixed;left: 0px;top: 0px;background: rgba(0,0,0,0.5);width: 100%;height: 100%;z-index: 99;overflow-y: auto;}
.zhezhao::-webkit-scrollbar {width: 4px;height: 4px;scrollbar-arrow-color: red;}
.zhezhao::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);scrollbar-arrow-color: red;}
.zhezhao::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 0;background: rgba(0, 0, 0, 0.1);}
.tanchuang{position: relative;background: #fff;width: 600px;min-height: 350px;border-radius: 5px;margin: 5% auto;top: 10%;overflow: hidden;}
.pro_inquiry{width: 100%;}
.pro_inquiry .inquiry_tit{padding: 15px;}
.pro_inquiry .inquiry_tit h4{color: #333;font-size: 18px;font-weight: normal;}
.close1 {position: absolute;right: 10px;top: 10px;}
#closebt {float: right;}
#closebt img {width: 20px;}
.inquiry_table{padding: 15px;border-top: 1px solid #999;width: 100%;box-sizing: border-box;}
.inquiry_table .form-group{margin-bottom: 15px;}
.inquiry_table .form-group label{display: inline-block;max-width: 100%; margin-bottom: 5px;font-weight: 700;font-size: 14px;}
.inquiry_table .form-group input{display: block;width: 100%;height: 34px;  padding: 6px 12px;font-size: 14px;line-height: 1.4; color: #555;background-color: #fff;border: 1px solid #ccc; border-radius: 4px;box-sizing: border-box;outline: none;}
.inquiry_table .form-group .radio{position: relative;display: block;margin-top: 10px;margin-bottom: 10px;}
.inquiry_table .form-group .radio label{min-height: 20px;padding-left: 23px;margin-bottom: 0;font-weight: 400;cursor: pointer;position: relative;}
.inquiry_table .form-group .radio label input{height: auto;position: absolute;top: 3px;left: -20px;}
.inquiry_table .form-group .yzm{width: 150px;position: relative;}
.inquiry_table .form-group .yzm .yzm_img{position: absolute;left: 150px;width: 120px;height: 24px;top: 0;}
.inquiry_table .form-group .yzm .yzm_img img{width: 100%;}
.inquiry_table .form-group textarea.form-control {height: auto;}
.inquiry_table .form-group .line{width: 100%;height: 1px;background: #999;margin: 15px 0;}
.inquiry_table .form_bottom{padding: 15px;box-sizing: border-box;text-align: right;}
.inquiry_table .form_bottom span{display: inline-block;vertical-align: middle;}
.inquiry_table .form_bottom .close_btn {color: #333;background: none;border-radius: 5px;padding: 6px 20px;font-size: 14px;border: 1px solid #999;}
.inquiry_table .form_bottom .close_btn:hover{background: #adadad;}
.inquiry_table .form_bottom .submit button{color: #fff;background: #f0ad4e;border-radius: 5px;padding: 8px 20px;font-size: 14px;border: none;}
.inquiry_table .form_bottom .submit button:hover{background: #ec971f;}


.news{width: 100%;padding: 50px 0;overflow: hidden;}
.news .list{width: 100%;}
.news .left{float: left;width:72%;margin-right: 3%;}

.news_list{width: 100%;}
.news_list .news_tit .t1{font-size: 36px;color: #1a4588;font-weight: 700;}
.news_list ul.news_con li{margin: 10px 0;padding: 10px 0;border-bottom: 1px solid #c8c8c8;}
.news_list ul.news_con li .img{float: left;width: 20%;}
.news_list ul.news_con li .img a{height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;display: block;}
.news_list ul.news_con li .img img{max-width: 100%;transition: 0.3s;}
.news_list ul.news_con li .img a:hover img{transform: scale(1.2);}
.news_list ul.news_con li .desc{float: right;width: 78%;margin-left: 2%;}
.news_list ul.news_con li .desc .t1{color: #000;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.news_list ul.news_con li .desc .txt{display: -webkit-box;-webkit-line-clamp: 3;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #555;font-size: 16px;margin: 20px 0 10px 0;line-height: 1.5;}
.news_list .product_page{text-align: left;}
.news .right{float: right;width: 25%;}
.news_com_tit{width: 100%;color: #fff;background: #1a4588;font-size: 30px;padding:15px 20px;box-sizing: border-box;font-weight: 700;margin-bottom: 10px;}
.news_menu{width: 100%;margin-bottom: 40px;}
.news_menu ul li{width: 100%;position: relative;box-sizing: border-box;border-bottom: 1px solid #c8c8c8;}
.news_menu ul li a{display: block;font-size: 18px; color: #646464;line-height: 28px;  padding: 14px 16px;}
.news_menu ul li a:hover{color: #1a4588;}


/*标签5*/
.tab_list5{width: 100%;}
.tab_list5 ul li{margin: 10px 0;}
.accordion2 {width: 100%;margin: 5px auto;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion2 .link2 {cursor: pointer;display: block;padding: 15px 20px;color: #646464;font-size: 18px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom: 1px solid #F1F1F1;}
.accordion2 .link2 a:hover{color: #1a4588;}
.accordion2 li:last-child .link {border-bottom: 0;}
.accordion2 li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #1a4588;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion2 li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion2 li.open2 i {color: #1a4588;}
.accordion2 li.open2 i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu2 {display: none;background: #fff;font-size: 14px;}
.tab_list5 .submenu2 li {border-bottom: 1px solid #eee;margin: 0;background: #fff;}
.submenu2 a {display: block;text-decoration: none;color: #d9d9d9;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;color: #333;font-size: 15px;padding:15px;}
.submenu2 a:hover {color: #1a4588;}
/*标签5_____end*/
.news_detail{width: 100%;}
.news_detail .desc{font-size: 16px;color: #333;}



.about{width: 100%;padding: 50px 0;}
.about .list{width: 100%;box-shadow: 1px 1px 10px rgb(0 0 0 / 30%); padding: 35px;box-sizing: border-box;}
.about_tit{width: 100%;margin: 20px 0;font-weight: 700; color: #1a4588;text-align: center;font-size: 24px;}
.about .about1{width: 80%;margin: 0 auto;}
.about .about1 .img{width: 100%;}
.about .about1 .img img{width: 100%;}
.about_banner {width: 80%;margin: 0 auto;}
.about_desc{width: 100%;color: #333;font-size: 14px;}
.about_desc img{width: 100%;}
.about_banner2{width: 100%;}
.about_banner2 .txt{color: #333;font-size: 14px;padding: 10px 0;text-align: center;}
.about_banner2 .img{width: 100%;overflow: hidden;}
.about_banner2 img{transition: 0.3s;    margin: 0 auto; display: block;}
.about_banner2 img:hover{transform: scale(1.1);}
.about_banner3{width: 100%;padding-bottom: 20px;}
.about_banner3 img{border: 1px solid #D9D9D9;}

.services{width: 100%;padding: 50px 0;}
.services .ser_tit{padding: 50px 0 20px 0;text-align: center;}
.services .ser_tit .t1{display: inline-block;color: #1a4588;font-size: 36px;font-weight: 700;border: 1px solid #1a4588;padding: 15px 60px;}
.services .ser_detail{color: #333;font-size: 18px;text-align: center;}
.services_list{width: 100%;padding: 50px 0;}
.services_list ul li{float: left;width: 31%;margin: 1%;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 10px;height: 497px}
.services_list ul li .img{height: 248px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.services_list ul li .img img{max-width: 100%;transition: 0.3s;}
.services_list ul li .desc{padding: 10px 0;}
.services_list ul li .desc .title{display: block;width: 100%;font-size: 20px;color: #1a4588;line-height: 32px;margin-top: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
.services_list ul li .desc .txt{color: #666666;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 5;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;    height: 151px;}
.services_list ul li .desc .more{isplay: block; width: 100%;font-size: 14px;line-height: 24px;color: #646464;margin-top: 10px;}
.services_list ul li .img a:hover img{transform: scale(1.1);}
.services_list ul li .desc a:hover {color: #1a4588;}

.contact{width: 100%;background: #f5f5f5;position: relative;}
.contact .left{float: left;width: 55%;margin-right: 5%;padding: 120px 0;}
.contact_txt{color: #333;font-size: 16px;margin: 1%;}
.contact_list ul li{float: left;width: 100%;margin: 1%;}
.contact_list a{display: flex;border: 1px solid #dbdbdb;padding: 46px 10px;align-items: center;}
.contact_list a .img{width: 66px;min-width: 66px;height: 66px;border-radius: 100%;text-align: center;line-height: 66px;background: #1a4588;margin-right: 20px;}
.contact_list a .img img{vertical-align: middle;}
.contact_list a .title{font-size: 18px;color: #4c4c4c;line-height: 32px;display: block;width: 100%;}
.contact_list a:hover{border: 1px solid #1a4588;}
.contact_list a:hover .img{background: #1a4588;}

.contact .right{float: right;width: 40%;position: relative;}
.contact_form_warp{width: 100%;position: absolute;left: 0;top: -180px;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 60px;box-sizing: border-box;}
.contact_form_warp .tit{font-size: 20px; color: #333; line-height: 1.2;margin-bottom: 30px;}
.contact_form_warp .form{width: 100%;}
.form_input{width: 100%;margin-bottom: 14px;}
.form-control{border-color: transparent;border-radius: 0;background: #f5f5f5;font-size: 16px;line-height: 28px;color: #808080;padding: 15px 18px;outline: none;box-shadow: none;width: 100%;box-sizing: border-box;}
textarea.form-control{height: 160px;}
.form_input button.btn{display: inline-block;border-radius: 5px;vertical-align: top;padding: 10px 50px;color: #fff;font-size: 16px;line-height: 30px;background: #1a4588; border: none;margin-top: 20px;}
.form_input button.btn:hover{background: #1a4588;color: #fff;}


.form_input{position: relative;}
.input_tips{position: absolute;top: 58px;z-index: 999;width: 100%;border: 1px solid #999;  }
.input_tips_box{height: 45px;display: flex;align-items: center;font-size: 14px;color: #333;background: #fff;}
.input_tips .tt{color: #fff;display: inline-block;background: #F0AD4E;width: 32px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-weight: bold;font-size: 20px;font-style: normal;border-radius: 5px;margin: 0 5px;}
.input_tips:after{content: '';width: 0;height: 0;border: 10px solid; border-color: transparent transparent #ffffff;position: absolute;top: -20px;left: 10%;transform: translateX(-50%);}




.address{width: 100%;padding: 120px 0;}
.address .list{width: 100%;}
.address .left{float: left;width: 46%;margin-right: 5%;}
.address .left .tit{color: #333;font-size: 28px;font-weight: 700;}
.address_list{margin-top: 30px;}
.address_list ul li{width: 100%;box-sizing: border-box; position: relative; padding-left: 36px;border-top: 1px solid #e6e6e6;}
.address_list ul li .img{display: block;position: absolute;left: 0; top: 17px;line-height: 30px;}
.address_list ul li .img img{vertical-align: middle;}
.address_list ul li .desc{display: block; padding: 17px 0;}
.address_list ul li .desc .txt{font-size: 16px;line-height: 30px;color: #4c4c4c;}

.address .right{float: right;width: 49%;}
.map_warp{width: 100%;min-height: 400px;overflow: hidden;}
.map_warp .map{width: 100%;}
.map_warp .map img{width: 100%;}

.inside{width: 100%;padding: 50px 0;}
.inside .list{width: 100%;margin: 0 auto;}
.inside .desc{color: #333;font-size: 16px;}




@media only screen and (max-width: 1300px) {
.mySwiper1 .img_top .img_top_img2 span{margin: 0 15px;}
.index2{height: auto;}
.index3 .i3_list ul li .desc .warp{padding:0 15px;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 18px;line-height: 1.2;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 15px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{padding: 0 30px;line-height: 35px;}
.index3 .i3_list ul li .desc .warp .text{line-height: 20px;font-size: 14px;}
.f_menu ul li a{padding: 0 25px;}
.products .list{width: 96%;margin: 0 auto;}
.news .list{width: 96%;margin: 0 auto;}
.about .list{width: 80%;margin: 0 auto;}
.services_list ul li .img{height: 220px;}
.contact_form_warp{padding: 40px;}
.contact .left{width: 60%;margin-right: 0;}
.inside .list{width: 80%;}
}



@media only screen and (max-width: 980px) {
.header{ display:none}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.mySwiper1 .img_top .img_top_img2 span{ display:block;}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev{padding: 8px;}
.index1 .left{float: none;width: 80%;margin: 0 auto;}
.index1 .right{float: none;width: 80%;margin:20px auto;}
.index1 .right .desc{padding:0;}
.index2 .list ul li{float: none;width: 80%;margin: 2% auto;}
.index3 .i3_list{width: 96%;margin: 0 auto;}
.index3 .i3_list ul li{width: 48%;margin: 1%;}
.index4 .list .right{padding-left: 2%;}
.i4_news .warp{width: 65%;padding: 0}
.footer .f_list ul li{float: none;width: 80%;padding: 0;margin: 10px auto;text-align: center;border-right:none;}
.product_list ul li{width: 46%;}
.products .left{width: 30%;margin-right: 0}
.products .right{width: 68%;}
.news .left{width: 68%;margin-right: 2%;}
.news .right{width: 30%;}
.services_list ul li{width: 48%;}
.contact_list ul li{float: none;width: 98%;}
.contact .left{padding: 60px 0;width: 55%;margin-right: 5%;}
.contact_form_warp{top: 60px;position: relative;}
.address .left{width: 48%;margin-right: 2%;}
.address .right{width: 50%;}



}

@media only screen and (max-width: 740px) {
.mySwiper1 .img1{display: none;}
.mySwiper1 .img2{display: block;}
.mySwiper1 .img_top{display: none;}
.index1 .text{width: 96%;}
.index1 .left{float: none;width: 96%;}
.index1 .right{float: none;width: 96%;}
.index2{margin-bottom: 0;}
.index2 .list ul li{float: none;width: 96%;}
.index3 .i3_list ul li{width: 98%;margin: 1%;}
.index3 .i3_list ul li .desc .warp{padding:0 30px;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 2p0x;line-height: 1.3;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 20px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{padding: 0 30px;line-height: 35px;}
.index4 .list .left{float: none;width: 96%;margin: 0 auto;}
.index4 .list .right{float: none;width: 96%;margin: 20px auto;padding: 0}
.i4_news .warp .t1{margin: 0;}
.i4_news .warp .txt{margin: 5px 0;line-height: 20px;}
.i4_news .warp .time{margin-top: 10px;}
.i4_news ul li{padding-bottom: 10px;}
.footer .f_list ul li{float: none;width: 96%;}
.f_menu{text-align: center;height: 60px;line-height: 60px;margin-bottom: 20px;}
.f_menu ul li{display: inline-block;float: none;}
.products .left{width: 100%;float: none;display: none;}
.products .right{float: none;width: 100%;}
.product_page{text-align: left;}
.tanchuang{width: 96%;margin: auto;}
.news .left{width: 100%;margin: 0 auto;float: none;}
.news .right{width: 100%;float: none;display: none;}
.news_list ul li .desc .txt{margin: 10px 0;}
.about .list{width: 96%;margin: 0 auto;padding: 25px;}
.services_list ul li{width: 98%;float: none;}
.services_list ul li .img{height: auto;display: block;}
.services_list ul li .img img{width: 100%;}
.contact{padding: 50px 0;}
.contact .left{float: none;width: 96%;margin: 0 auto;padding: 20px 0;}
.contact .right{float: none;width: 96%;margin: 0 auto;}
.contact .right .contact_form_warp{top: 20px;padding: 20px;}
.address{padding: 60px 0;}
.address .left{width: 96%;float: none;margin: 0 auto;}
.address .right{width: 96%;float: none;margin: 20px auto;}
.map_warp{min-height: 300px;}
.inside .list{width: 96%;}

.index1 .tit{width: 100%;}
.index1 .sp{width: 100%;margin-top: 20px;}


}