body>div{max-width: 1920px;margin:0 auto;}
.top{height: 42px;line-height:42px;background:url(../images/hl_01.jpg) no-repeat center;overflow: inherit;position: relative;z-index: 200;}
.top_links{height: 42px;line-height:42px;float: right;}
.top_links li{position: relative;}
.top_links li i{display: inline-block;margin-left: 5px;border: 5px solid transparent;border-top-color:#fff;border-top-width: 5px;border-bottom-width: 2px;}
.top_links>li{float: left;margin:0 0.1rem;}
.top_links a{color:#fff;}
@media (max-width: 480px){
    /*.top,
    .top_links{height: 36px;line-height: 36px;}*/
    .top_links{font-size: 14px;}
    .top_links>li{margin: 0 5px;}
}
.header{position: relative;height: 1.1rem;z-index: 100;}
@media (max-width: 991px){
    .header .container-fluid{margin:0 15px;}
}
.header .logo{padding:0.27rem 0;height: 1.1rem;position: relative;float: left;width: 2.37rem;}
.header .logo img{max-height:100%;}
.header:before{display: block;content:'';position: absolute;height: 100%;width: 1rem;top: 0;left: 0;z-index: -2;
background: -webkit-linear-gradient(top,#fff,#F4F7FE);
background: -o-linear-gradient(top,#fff,#F4F7FE);
background: linear-gradient(top,#fff,#F4F7FE);
}
.header .logo:after{display: block;content:'';position: absolute;height: 100%;width: 4.47rem;background:url(../images/hl_02.jpg) no-repeat left center #fff;top: 0;right: -1rem;z-index: -1;background-size: 4.26rem 1.09rem;}

.menus{ position: absolute; left: 0; top: 100%; right: 0; background-color: #fff; overflow: hidden; border-top: 1px #efefef solid; box-shadow: 0 0 3px rgba(0,0,0,0.07); z-index: 9;opacity: 1;height: 0;}
.m_product{ float: left; width: 50%; box-sizing: border-box; padding: 0 2%; overflow: hidden;}
.m_product h4{ display: block; font-size: 0.18rem; color: #003274; font-weight: 600; line-height: 0.45rem; border-bottom: 1px #d6d6d6 solid; margin-top: 0.40rem;}
.m_product h4 a{color: #003274;}
.m_product ul{ margin: 0.15rem 0 0.30rem;text-align: center;}
.m_product li{ /*float: left;*/ width: 23.5%; /*margin-right: 2%;*/display: inline-block;text-align: center;}
.m_product li:nth-child(4n+4){ margin-right: 0;}
.m_product img{ width: 100%;}
.m_product p{ text-align: center; font-size: 0.14rem; color: #666666; line-height: 0.20rem; padding: 0.10rem 0 0;}
.m_product li a:hover p{color:#003274;}

@media (max-width: 639px){
    .top{height: 0;}
    .top,
    .header:before,
    .header .logo:after{display: none;}
}
.top_links .sub_links{display: none;}
.top_links .sub_links li{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #e6e6e6;
}
.top_links .sub_links li:last-child,
.top_links .sub_links li:last-child  > a{border-bottom: none;}
.top_links .sub_links a{color:#333;display: block;line-height: 40px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top_links .sub_links i{border-top-color: #333;}
.top_links .level2menu{position: absolute;top: 100%;right: 0;background: #f4f4f4;border: 1px solid #eee;border-radius: 0 0 5px 5px;border-top: none;/*box-shadow: 0 0px 3px #a1a1a1;*/padding:0 1px;z-index: 9999;}
.top_links .level3menu{margin:0 10px;border-top: 1px solid #e6e6e6;}

#footer{margin-top: 70px;overflow: inherit;}
.f_left{width: 20%;float: left;}
.f_middle{width: 60%;float: left;}
.f_right{width: 20%;float: left;text-align: right;}

.footer{background: #fff;color:#003273;line-height: 0.52rem;font-size: 0.24rem;border-top: 8px solid #003274;}
.footer a{color:#003273;}
.footer .f_shuidi{height: 0.44rem;/*border-bottom: 1px solid #325E97;*/position: relative;}
.footer .f_shuidi a{display: block;width: 1.03rem; height: 1.03rem; border-radius: 50%; position: absolute; top:-0.56rem; left:50%;margin-left: -0.515rem; background-image: url(../images/shuidi_icon2.png); background-size: 100% 100%; transition: all 0.3s;}
.footer .f_shuidi a:hover{ background-image: url(../images/shuidi_icon2_hover.png);}
.footer .f_left,
.footer .f_middle,
.footer .f_right{padding:0.5rem 0 0.3rem;}
.footer .f_tel{font-size: 0.28rem;}
.footer .f_links{text-align: center;}
.footer .f_links a{display: inline-block; margin:0 0.25rem;}
.footer .f_links a:first-child{ margin-left: 0;}
.footer .f_links a:last-child{ margin-right: 0;}
.footer .f_links a:hover{font-weight: bold;}
.footer .f_logo img{max-height: 0.52rem;max-width: 1.9rem;vertical-align: top;}

.copyright{font-size: 0.16rem;color:#333;border-bottom: 5px solid #003274;}
.copyright a{color:#333;}
.copyright .f_left,
.copyright .f_middle,
.copyright .f_right{padding:0.4rem 0;}
.copyright .f_left{padding-right: 2.5%;}
.copyright .f_middle{padding-left: 2.5%;padding-right: 2.5%;text-align: justify;}
.copyright .f_qr_code{display: inline-block;}
.copyright .f_qr_code img{max-height: 118px;margin-top: -33px;transition: all .3s linear;}
.copyright .f_qr_code:hover img{transform: scale(1.1);}
@media (max-width: 991px){
    .footer .f_links a{margin:0 0.2rem;}
}
@media (max-width: 639px){
    .f_left{width: auto;float: none;}
    .f_middle{width: auto;float: none;}
    .f_right{width: auto;float: none;text-align: center;}
    .footer .f_left,
    .footer .f_middle,
    .footer .f_right{padding:5px 0;}
    .copyright .f_left,
    .copyright .f_middle,
    .copyright .f_right{padding:5px 0;}
    /*.f_logo{padding-top: 10px;}*/
    .footer .f_links a{margin:0 5px;}
    .footer .f_left{text-align: center;padding-top: 20px;}
    .copyright{padding:20px 0;font-size: 0.18rem;}
    .copyright .f_qr_code img{margin-top: 0;}
}

/*手机导航*/
.header .toggle {display: block;width: 0.6rem;height: 0.6rem;overflow: hidden;position: absolute;top: 50%;right: 15px;cursor: pointer;outline: none;background: #00579a;border-radius: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.header .toggle span,
.header .toggle span:after,
.header .toggle span:before {display: block;position: absolute;width: 0.3rem;height: 2px;background-color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: all .5s;}
.header .toggle span{top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.header .toggle span:after,
.header .toggle span:before{content:"";left: 0;}
.header .toggle span:before{top:-6px}
.header .toggle span:after{top:6px}
.sidenav{left:0;width: 100%;height:100%;top:0;font-size: 16px;background: #fff;bottom:0;height:auto;z-index: 200;background-color: transparent;-webkit-box-shadow: -2px -2px 6px rgba(0,0,0,0.3);box-shadow: -2px -2px 6px rgba(0,0,0,0.3);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
    transform:translate(-100%,0);
}
.sidenav-brand{line-height:1.5;padding:0.5em 1.5em;display: none;}
.sidenav-dropdown,
.sidenav-header {border-bottom: 1px solid #e4e4e4;border: none;}
.sidenav-menu{padding:0 0 30px 0;}
.sidenav-menu a {line-height:30px;padding:15px;display: block;position: relative;color:#333;}
.sidenav-menu a:hover {background:transparent;}
.sidenav-menu>li>a{padding:15px 20px;}
.sidenav-menu .first a{padding:20px 20px;}
.sidenav-dropdown > li a{line-height: 20px;}
.sidenav-dropdown > li > a{font-size: 14px;padding-left: 50px;background: transparent;border-bottom: 1px solid #999999;color:#666;}
.sidenav-dropdown li:last-child a{border-bottom: none;}
.sidenav-dropdown>li>.sidenav-dropdown>li>a{padding-left:80px}
.sidenav-link-title{padding:0 30px 0 0;}
.sidenav-overlay {background: rgba(0, 0, 0, 0.7);z-index: 100;}
.sidenav-mask{position: fixed;left: 0;top: 0;right:70px;height: 100%;overflow-y: auto;background: #fff;z-index: 200;}
.sidenav .icon-close {display: block;background: #00579a;width: 70px;height: 70px;position: absolute;right: 0;top: 0;z-index: 200;}
.sidenav .icon-close span,
.sidenav .icon-close span:after,
.sidenav .icon-close span:before {display: block;position: absolute;width: 30px;height: 2px;background-color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: all .5s;}
.sidenav .icon-close span:after,
.sidenav .icon-close span:before{content:"";left: 0;}
.sidenav .icon-close span:before{top:-6px}
.sidenav .icon-close span:after{top:6px}
.sidenav .icon-close span{top:50%;left:50%;background-color: transparent;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.sidenav .icon-close span:before {-webkit-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
.sidenav .icon-close span:after {-webkit-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}
.sidenav-dropdown .sidenav-dropdown-icon{right: 10px;}
.sidenav .cclose {display: inline-block;background: rgba(0,0,0,0);width: 70px;position: absolute;right: 0;top: 70px;bottom:0;}
.sidenav-menu>li:nth-of-type(odd) {background-color: #f4f4f4;}
.sidenav-dropdown-icon{width:12px;height: 12px;top:50%;right:30px;margin-top: -10px;border: 2px solid transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-radius: 3px;}
.sidenav-dropdown-icon.arrow_drop_down{border-left-color:#999;border-bottom-color:#999;}
.sidenav-dropdown-icon.arrow_drop_up{border-top-color:#999;border-right-color:#999;margin-top: -2px;}
.sidenav-menu li .sidenav-dropdown{padding:0 20px;}
.sidenav-dropdown li:first-child a{box-shadow: none;}
.sidenav-menu a.hover{color:#004EA2;}
.sidenav-dropdown > li > a,
.sidenav-dropdown>li>.sidenav-dropdown>li>a{padding-left: 0;padding-right: 0;}
.sidenav_foot{padding:0 20px 30px;text-align: right;}
.sidenav_foot img{max-height:40px;}

/*pc 主导航*/
.header{ position: relative;}
.header .main_menu{float: right;}
.header .main_menu ul{float: left;}
.header .main_menu li{line-height: 1.1rem;font-size: 0.18rem;float: left;margin-left: 0.75rem;position: relative;}
.header .main_menu li:after{display: block;content:'';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #00377D;transition: 0.3s;}
.header .main_menu li:hover>a,
.header .main_menu .active>a{color:#00377D;}
.header .main_menu li:hover:after,
.header .main_menu .active:after{width: 100%;}

.header .main_menu .top_search{float: right;margin-left: 1.2rem;width: 150px;height: 1.1rem;position: relative;}
.header .main_menu .top_search .search-form{border: 1px solid #eaeaea;width: 100%;position: absolute;top:50%;left: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-right: 0.4rem;}
.header .main_menu .top_search .text{float: left;width: 100%;height: 0.4rem;padding:0 0.15rem;color:#333;}
.header .main_menu .top_search .text::-webkit-input-placeholder {color: #989898;}
.header .main_menu .top_search .text:-moz-placeholder {color: #989898;}
.header .main_menu .top_search .text::-moz-placeholder {color: #989898;}
.header .main_menu .top_search .text:-ms-input-placeholder {color: #989898;}
.header .main_menu .top_search .btn-submit{display: block;width: 0.4rem;height: 0.4rem;text-indent: -9999px;overflow: hidden;background:url(../images/search_icon.png) no-repeat center;position: absolute;top: 0;right: 0;}

@media (max-width: 1740px){
    .header .main_menu li{margin-left: 0.6rem;}
    .header .main_menu .top_search{margin-left: 0.9rem;}
}
@media (max-width: 1650px){
    .header .main_menu li{margin-left: 0.55rem;}
    .header .main_menu .top_search{margin-left: 0.7rem;}
}
@media (max-width: 1500px){
    .header .main_menu li{margin-left: 0.45rem;}
    .header .main_menu .top_search{margin-left: 0.6rem;}
}
@media (max-width: 1366px){
    .header .main_menu li{margin-left: 0.35rem;}
    .header .main_menu .top_search{margin-left: 0.5rem;}
}
@media (max-width: 1280px){
    .header .main_menu li{margin-left: 0.3rem;}
    .header .main_menu .top_search{margin-left: 0.4rem;}
}
@media (max-width: 1160px){
    .header .main_menu li{margin-left: 0.25rem;}
    .header .main_menu .top_search{margin-left: 0.3rem;}
}
@media (max-width: 1080px){
    .header .main_menu li{margin-left: 0.2rem;}
    .header .main_menu .top_search{margin-left: 0.2rem;}
}

@keyframes mymove{
    0%{bottom:18px;}
	  50%{bottom:38px;}
    100%{bottom:18px;}
}
@-webkit-keyframes mymove{
    0%{bottom:18px;}
	  50%{bottom:38px;}
    100%{bottom:18px;}
}

.i_banner_swiper_box{position: relative;overflow: hidden;width: 100%;height: 100vh;}
.i_banner_swiper_box .swiper-container {width: 100%;height: 100%;}
.i_banner_swiper_box li{overflow: hidden;}
.i_banner_swiper_box .mouse_icon{display: block;position: absolute;width: 30px;height: 75px;bottom:18px;left: 50%;transform:translateX(-50%);z-index: 999;background:url(../images/mouse-1.png) no-repeat;animation: mymove 3s linear infinite;-webkit-animation: mymove 3s linear infinite;cursor: pointer;}
.i_banner_swiper_box li .pic{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.i_banner_swiper_box li .bg{position: absolute;width: 100%;height:100%;border-radius: 0.2rem;background: #00377E;opacity: 0.46; top:0;left: 0;  transition:all .6s;z-index: -1;}
.i_banner_swiper_box li .text{ position: absolute;width: 10rem;max-width:95%;height: 2.5rem;
    transform:translate(-50%,-50%);
    transition:all 1.2s;top: 50%;left: 50%;color:#fff;text-align: center;}
.i_banner_swiper_box li .info{position: absolute;transition:all 1.8s;top: 0;left: 0; right: 0;/*width: 10rem;*/height: 2.5rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:0.2rem; box-sizing: border-box;}
.i_banner_swiper_box li .info .title{font-size: 0.52rem;line-height: 1.2; width: 100%; display: block;color:#fff;}
.i_banner_swiper_box li .info .desc{font-size: 0.24rem; width: 100%; display: block;color:#fff;}

/*.i_banner_swiper_box li .bg{top: 100%;left: 50%;opacity: 0;}
.i_banner_swiper_box li .text{top: 100%;left: 50%;opacity: 0;}
.i_banner_swiper_box li.ani-slide .bg{opacity: 0.46;top:50%;left: 50%;}
.i_banner_swiper_box li.ani-slide .text{opacity:1;top:50%;left: 50%;}*/

/*.i_banner_swiper_box li .bg{top: 50%;left: 100%;opacity: 0;}*/
.i_banner_swiper_box li .bg{ opacity: 0; transform: scale(0);}
.i_banner_swiper_box li .info{opacity: 0; transform: scale(0);}
/*.i_banner_swiper_box li.ani-slide .bg{opacity: 0.46;top:50%;left: 50%;}*/
.i_banner_swiper_box li.ani-slide .bg{ opacity:0.46; transform: scale(1.0);}
.i_banner_swiper_box li.ani-slide .info{ opacity: 1; transform: scale(1.0);}

.i_banner_swiper-container>.swiper-pagination-bullets{right:5.7%;}
.i_banner_swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet{opacity: 1.0;margin:0.1rem;width: 0.20rem;height: 0.24rem;background: url(../images/sd_icon1.png) no-repeat center;background-size: 100% 100%;background-size: 90% 100%;border-radius: 0;}
.i_banner_swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet-active{opacity:1;background: url(../images/sd_icon2.png) no-repeat center;background-size: 100% 100%;background-size: 90% 100%;}

.i_banner_swiper_box .swiper-pages{position: absolute;font-size: 0;color: #fff;line-height: 1;left: 0.4rem;bottom: 0.4rem;
padding:0.2rem 0.3rem;/*background:rgba(0,0,0,0.5);*/border-radius: 0.1rem;z-index: 20;
}
.i_banner_swiper_box .swiper-pages .current{font-size: .48rem;margin-right: .02rem}
.i_banner_swiper_box .swiper-pages span{font-size: .3rem}
.i_banner_swiper_box .banner_footer_bg{position: absolute;left: 0;bottom: 0;z-index: 1000;height: 45px;width: 100%;background: url(../images/banner_footer_bg.png) no-repeat center;background-size:1920px 45px;}

@media (max-width: 425px){
    .i_banner_swiper_box li .info .title{font-size: 0.4rem;}
}
@media (max-width: 640px){
    .i_banner_swiper_box .mouse_icon,
    .i_banner_swiper_box .banner_footer_bg,
    .i_banner_swiper_box .swiper-pages{display: none;}
}

/*index*/
.i_tit{padding:0.75rem 0;width: 50%;}
.i_tit .tit{font-size: 0.48rem;color:#101010;padding-bottom: 0.6em;line-height:0.48rem;}
.i_tit .desc{font-size: 0.16rem;color:#595959;line-height: 1.5;}

.i_block_1{margin-top: 0.4rem;padding-bottom: 1rem;background:url(../images/i_jiqiren_bg.png) no-repeat center;background-size:21.88rem 100%;}
.i_block .container-fluid{position: relative;}
.i_sm_pic{position: absolute;top: 0.96rem;right: 0.8rem;}
.i_sm_pic img{max-width: 2rem;}
@media (max-width: 1600px){
    .i_sm_pic{right: 0.8rem;}
}
@media (max-width: 639px){
    .i_tit{width: 60%;}
    .i_sm_pic{right: 15px;top:0.7rem;}
}
@media (max-width:480px){
    .i_tit .desc{font-size: 0.2rem;}
    .i_sm_pic{top:0.9rem;}
}

.i_jiqiren_list_box{overflow: hidden;margin-top: -0.7rem;}
.i_jiqiren_list{overflow: hidden;margin-left: -0.3rem;margin-right: -0.3rem;padding-top: 0.7rem;}
.i_jiqiren_list ul{}
.i_jiqiren_list .more{background: url(../images/more_icon.png) no-repeat center;width: 0.36rem;height: 0.16rem;background-size: 0.36rem 0.16rem;margin:0 auto;}
.i_jiqiren_list li{width:33.333%;float: left;text-align: center;padding:0 0.3rem;}
.i_jiqiren_list li a{display: block;color:#000;background: url(../images/bg1.png) no-repeat center #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;padding-bottom: 0.3rem;background-size: 100% 100%;}
.i_jiqiren_list li span{display: block;}
.i_jiqiren_list li .pic{padding-top: 0.9rem;}
.i_jiqiren_list li .pic img{width: 100%;}
.i_jiqiren_list li .title{font-size: 0.24rem;padding:0.3rem 0 0.05rem;}
/*.i_jiqiren_list li a:hover{background-color: #1e60cc; color:#fff;}*/
.i_jiqiren_list li a:hover{background: url(../images/hover_bg3.png) no-repeat center;background-size: 100% 100%;color:#fff;}

.i_jiqiren_list .swiper-prev,
.i_jiqiren_list .swiper-next{position: absolute;width: 0.22rem;height: 0.34rem;background: #c7c7c7;top:0;left:auto;overflow: hidden;cursor: pointer;}
.i_jiqiren_list .swiper-prev{right: 0.57rem;}
.i_jiqiren_list .swiper-next{right: 0.3rem;}
.i_jiqiren_list .swiper-next:after,
.i_jiqiren_list .swiper-prev:after{display: block;content:'';position: absolute;border: 0.07rem solid transparent;top:50%;left:50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.i_jiqiren_list .swiper-next:after{border-left-color: #fff;border-right-width: 0;}
.i_jiqiren_list .swiper-prev:after{border-right-color: #fff;border-left-width: 0;}
.i_jiqiren_list .swiper-button-disabled{opacity: 0.6;cursor: default;}

.i_block_2{position: relative; min-height: 9rem; overflow: hidden;}
.i_block2_bg{width: 8.52rem;height: 8.38rem;background:url(../images/i_block2_bg.png) no-repeat center;position: absolute;top: 0;right:-1.5rem;background-size: 100% 100%;z-index: -1;}
.i_block_2 .i_tit{padding-top: 0.9rem;}
.i_cates{overflow: hidden;position: relative;}
.i_cates ul{overflow: hidden;float: left;}
.i_cates li{float: left;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;margin-right: 0.1rem;}
.i_cates li a.title{color:#656565;display: block;padding:0 0.3rem;}
.i_cates li a.title:hover,
.i_cates li.hover a.title,
.i_cates li.active a.title{color:#fff;background: #003274;}
.i_cates .more{float: right;font-size: 0.2rem;color:#000;line-height: 0.6rem;}

.i_cates li .more{position: absolute;display: none;right: 0;top: 0;padding: 0;color:#000;}
.i_cates li.hover .more{display: block;}

@media (max-width: 480px){
    .i_cates li{margin: 0;}
    .i_cates li a.title{padding:0 0.2rem;}
}

.i_hxzujian_list{margin:0 -0.3rem;overflow: hidden;}
.i_hxzujian_list ul{padding:0.2rem 0.3rem 0;overflow: hidden;}
.i_hxzujian_list li.item{width: 50%;float: left;padding:0.7rem 0;}
.i_hxzujian_list li .pic{width: 29.4%;float: left;margin-right:11.76%;box-shadow: 0 0 0.5rem rgba(53,123,223,0.1);background: #fff;}
.i_hxzujian_list li .pic a{display: block;height: 0;padding-bottom: 108%;padding-bottom: 96%;overflow: hidden;position: relative;}
.i_hxzujian_list li .pic img{width: 100%;position: absolute;top: 0;left: 0;}
.i_hxzujian_list li .info{padding-right: 0.35rem;overflow: hidden;}
.i_hxzujian_list li .title{font-size: 0.36rem;color:#101010;}
.i_hxzujian_list li .desc{font-size: 0.16rem;color:#595959;margin-top: 0.1rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.i_hxzujian_list li.line{border-bottom: 1px solid #D9D9D9;height: 1px;width: 100%;float: left;}

@media (max-width: 1280px){
    .i_hxzujian_list li .title{font-size: 0.3rem;}
    .i_hxzujian_list li .desc{-webkit-line-clamp: 4;}
}

@media (max-width: 767px){
    .i_hxzujian_list li.item{width: 100%;border-bottom: 1px solid #D9D9D9;}
    .i_hxzujian_list li:last-child{border: none}
    .i_hxzujian_list li.line{display: none;}
    .i_hxzujian_list li .title{font-size: 0.36rem;}
    .i_hxzujian_list li .pic{width: 35%;margin-right: 5%;}
    .i_hxzujian_list li .desc{-webkit-line-clamp: 5;font-size: 0.18rem;}
    .i_block2_bg{width: 5rem;height: 4.9rem;right: -0.5rem;}
}

@media (max-width: 639px){
    .i_block_2 .i_cates .more{display: none;}
}

.qiehuan_box{display: none;}
.qiehuan_box.hover{display: block;}

.i_block_3{background: url(../images/i_block_3bg.png) no-repeat top center;background-size: 23.38rem 12.84rem;background-size: 23.38rem 90%;}
.i_block_3 .i_tit{padding-top: 1.2rem;}
.i_product_list{padding-top: 0.8rem;}
.i_product_list .item{width: 9.30rem;/*height: 4.00rem;*/margin-bottom: 0.6rem;float: left;}
.i_product_list .item a{display: block;position: relative;height:0;padding-bottom: 43%;border-radius: 10px;background: url(../images/bg1.png) no-repeat center #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; box-shadow: 0 0 0.5rem rgba(53,123,223,0.1);background-size: 100% 100%;}
.i_product_list .item .item_con{position: absolute;width: 100%;top: 0;left: 0;padding:0.325rem 0.3rem 0.325rem 0;}
.i_product_list .item .pic{width: 5rem;float: right;}
.i_product_list .item .pic img{max-width: 100%;max-height: 100%;}
.i_product_list .item .info{width: 3.4rem;padding: 0.5rem 0 0 0.8rem;float: left;}
.i_product_list .item .title{font-size: 0.36rem;line-height: 1.3;color:#333;transition: 0.3s;}
.i_product_list .item .desc{color:#595959;font-size: 0.16rem;line-height: 1.88;margin-top: 0.3rem;transition: 0.3s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
/*.i_product_list .item a:hover{ background-color:#1e60cc; }*/
.i_product_list .item a:hover{background: url(../images/hover_bg4.png) no-repeat center;background-size: 100% 100%;}
.i_product_list .item a:hover *{color:#fff;}

.i_product_list .item{width: 54.7%;margin-bottom:3.5%;}
.i_product_list .item .pic{width: 53.7%;}
.i_product_list .item .info{width: 36.55%;}
.i_product_list .item1 .info,
.i_product_list .item3 .info{width:41%;}
@media (min-width: 992px){
    .i_product_list .item2{width: 7.1rem;/*height: 8.6rem;*/float: right;}
    .i_product_list .item2 a:hover{background: url(../images/hover_bg2.png) no-repeat center;background-size: 100% 100%;}
    .i_product_list .item2 .pic,
    .i_product_list .item2 .info{float: none;}
    .i_product_list .item2 a{padding-bottom: 121%;}
    .i_product_list .item2 .item_con{padding:0.3rem 0.8rem;}
    .i_product_list .item2 .info{padding:0.3rem 0;width: 100%;}
    .i_product_list .item2 .pic{width:100%;}
    .i_product_list .item2 .pic img{max-width: 100%;height:auto;}

    .i_product_list .item2 .desc{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
    .i_product_list .item2{width: 41.76%;}
    .i_product_list .item2 .pic,
    .i_product_list .item2 .info{width: 100%;}
}

.i_product_list .item1 .pic{float: left;}
.i_product_list .item1 .info{float: right;padding-left: 0;padding-right: 0.5rem;}
@media (max-width: 1740px){
    .i_product_list .item1 .info,
    .i_product_list .item3 .info{width: 42%;}
}
@media (max-width: 1650px){
    .i_product_list .item1 .info,
    .i_product_list .item3 .info{width: 43%;padding-top: 0.3rem;}
    .i_product_list .item3 .info{padding-left: 0.7rem;}
}

@media (max-width: 1500px){
    .i_product_list .item1 .info,
    .i_product_list .item3 .info{width: 45%;}
}

@media (max-width: 1366px){
    .i_product_list .item3 .info{padding-left: 0.6rem;}
}

@media (max-width: 1300px) and (min-width: 992px){
    .i_product_list .item1 .item_con,
    .i_product_list .item3 .item_con{padding-right: 0;}
    .i_product_list .item1 .info,
    .i_product_list .item3 .info{padding-top: 0.1rem;}
}

@media (max-width: 1280px){
    .i_product_list .item .info{padding-top: 0.2rem;}
    .i_product_list .item .desc{margin-top: 0.2rem;}
    .i_product_list .item3 .info{padding-left: 0.5rem;}
}

@media (max-width: 1160px){
    .i_product_list .item1 .info{padding-right: 0.2rem;}
    .i_product_list .item3 .info{padding-left: 0.4rem;}
}

@media (max-width: 1080px) and (min-width: 992px){
    .i_product_list{padding-top: 0.6rem;}
    .i_product_list .item1 .info,
    .i_product_list .item3 .info{width: 50%;padding-top: 0;}
    .i_product_list .item1 .pic,
    .i_product_list .item3 .pic{width: 50%;}
    .i_product_list .item2 .info{padding-top: 0;}
    .i_product_list .item3 .info{padding-left: 0.3rem;}
}

@media (max-width: 991px){
    .i_product_list .item{width: 100%;}
    .i_product_list .item a{padding-bottom: 40%;}
    .i_product_list .item .info{padding-top: 0.5rem;width: 40%;}
    .i_product_list .item2{width: 100%;}
    .i_product_list .item2 .info{width: 50%;}
    .i_product_list .item2 .pic{width: 35%;}
    .i_product_list .item3 .pic{float: left;}
    .i_product_list .item3 .info{float: right;padding-left: 0;padding-right: 0.5rem;}
}

@media (max-width: 480px){
    .i_product_list{padding-top: 0.5rem;}
    .i_product_list .item .info{width: 55%;padding:0;}
    .i_product_list .item2 .info{padding-left: 0.3rem;width: 65%;}
    .i_product_list .item .pic{width: 40%;}
    .i_product_list .item2 .pic{width: 30%;}
    .i_product_list .item .title{font-size: 0.3rem;}
    .i_product_list .item .desc{font-size: 0.18rem;margin-top: 0.15rem;}
}

@media (max-width: 375px){
    .i_product_list .item a{padding-bottom: 43%;}
    .i_product_list .item .title{font-size: 0.28rem;}
    .i_product_list .item .desc{margin-top: 0.10rem;}
}



.i_block_4{background:url(../images/i_block_4_bg.png) no-repeat top center;background-size: 19.20rem 13.67rem;padding-bottom: 1.3rem;}
.i_block_4 .i_tit{text-align: center;width: 100%;padding-top: 1rem;}
.i_block_4 .i_tit .desc{max-width:768px;margin:0 auto;}

.i_jiejuefangan{box-shadow: 0 2px 0.1rem rgba(0,0,0,0.1);width: 1700px;margin:0 auto;}
.i_jiejuefangan ul{overflow: hidden;}
.i_jiejuefangan li{width: 330px;width: 19%;height:600px;float: left;background: #fff url(../images/i_fa_bg_logo.png) no-repeat right bottom;text-align: center;cursor:pointer;position:relative;transition:width .3s;border-right: 1px solid #f1f8ff;}
.i_jiejuefangan li .sous{position:relative;height:100%;overflow:hidden;padding:25% 0 0px;transform:scale(1);transition:background .3s;display:flex;align-content:center;flex-wrap:wrap;padding:0 0 0.9rem;}
.i_jiejuefangan li .sous h2{width:100%;font-weight: normal;padding-top: 0.5rem;position: relative;margin-top: -0.2rem;}
.i_jiejuefangan li .sous h2 big{display:block;position: absolute;top:0;left: 0;width: 100%;}
.i_jiejuefangan li .sous h2 big img{width: 0.44rem;}
.i_jiejuefangan li .sous h2 big:after{content:"";display:block;width:50px;height:50px;border-radius:50%;position:absolute;bottom:0;left:50%;margin-left:-25px;background:url(../images/i_fa_icon1.png) no-repeat center;
background-size: 0.43rem 0.47rem;
}
.i_jiejuefangan li .sous h2 span{display:block;font-size:0.18rem;color:#333;line-height:1.1rem;}
.i_jiejuefangan li .sous section{color:#999;line-height:1.8;padding:0 20%;font-size:0.16rem;}
.i_jiejuefangan li .sous section div{display: table-cell;width: 600px;vertical-align: middle;height:10.8em;}
.i_jiejuefangan li .sous section div p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;max-height:10.8em;}
.i_jiejuefangan li .sous i{display:block;font-style:normal;position:absolute;right:20px;bottom:15px;line-height: 1.2;color:#e1e1e1;font-size:0.60rem;font-family:Fontthree;}

.i_jiejuefangan li .zhank{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-content:center;flex-wrap:wrap;transform:scale(0);padding-bottom: 0.9rem;}
.i_jiejuefangan li .zhank:before{display: block;position: absolute;content:'';width: 100%;height: 100%;background: rgba(0,50,116,0.3);top: 0;left: 0;}
.i_jiejuefangan li .zhank h3{width:100%;position:relative;font-weight: normal;padding-top: 0.5rem;margin-top: -0.2rem;}
.i_jiejuefangan li .zhank h3 big{display:block;position: absolute;top:0;left: 0;width: 100%;}
.i_jiejuefangan li .zhank h3 big img{width: 0.44rem;}
.i_jiejuefangan li .zhank h3 span{display:block;font-size:0.24rem;color:#fff;line-height:1.1rem;font-weight: bold;}
.i_jiejuefangan li .zhank h3 i{font-style:normal;font-size:1.30rem;color:rgba(255,255,255,.2);font-family:Fontthree;position:absolute;top:50%;left:0;width:100%;display:block;text-align:center;line-height:1;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding-top: 0.5rem;}
.i_jiejuefangan li .zhank section{line-height:1.8;color:#fff;padding:0px 15%;width:100%;position: relative;font-size:0.16rem;}
.i_jiejuefangan li .zhank>a{display:block;display:block;width:1.5rem;border:1px #fff solid;line-height:0.46rem;text-align:center;color:#fff;font-size:0.16rem;transition:0.3s;margin:5% auto 0px;position: absolute;left:50%;margin-left: -0.75rem;bottom:1rem;}
.i_jiejuefangan li .zhank>a{background: #0E74BB;border:none;border-radius: 5px;}
.i_jiejuefangan li .zhank>a:hover{background:#fff;color:#000;}

.i_jiejuefangan li.cur {width: 380px;width: 24%;}
.i_jiejuefangan li.cur .sous{transform:scale(0);}
.i_jiejuefangan li.cur .zhank{transform:scale(1);opacity: 1;}
.i_jiejuefangan li .zhank section div{display: table-cell;width: 600px;vertical-align: middle;height:10.8em;}
.i_jiejuefangan li .zhank section div p{
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;max-height:10.8em;
}

.i_jiejuefangan li{width: 20%;}
.i_jiejuefangan li.cur{width: 20%;}
.i_jiejuefangan li .zhank{transition: 0.3s;transform:scale(1);opacity: 0;}
.i_jiejuefangan li .zhank section{padding: 0 20%;}
.i_jiejuefangan li .zhank section div p{-webkit-line-clamp: 6;}
@media (max-width: 1740px){
    .i_jiejuefangan{width: 1500px;}
    /*.i_jiejuefangan li{width: 300px;}*/
    /*.i_jiejuefangan li.cur {width: 340px;}*/
}
@media (max-width: 1600px){
    .i_jiejuefangan{width: 1400px;}
}

@media (max-width: 1440px){
    .i_jiejuefangan{width: 1200px;}
    .i_jiejuefangan li .sous section{padding:0 10%;}
    .i_jiejuefangan li .zhank section{padding:0 8%;}

    .i_jiejuefangan li .zhank section{padding:0 10%;}
}

@media (max-width: 1220px){
    .i_jiejuefangan{width: 1080px;}
    .i_jiejuefangan li{height: 550px;}
}

@media (max-width: 1080px){
    .i_jiejuefangan{width: 960px;}
}

@media (max-width: 991px){
    .i_jiejuefangan{width: 1080px;}
    .i_jiejuefangan_box{overflow-x: auto;}
    .i_jiejuefangan li{height: 500px;}
    .i_jiejuefangan li .sous h2 span{font-size: 0.2rem;}
    .i_jiejuefangan li .sous section{font-size: 0.18rem;}
    .i_jiejuefangan li .zhank h3 span{font-size: 0.26rem;}
    .i_jiejuefangan li .zhank section{font-size: 0.18rem;}
}

@media (max-width: 639px){
    .i_jiejuefangan li{height: 360px;}
    .i_jiejuefangan li .sous section{margin-top:-0.2rem;}
    .i_jiejuefangan li .zhank section{margin-top:-0.2rem;}
    .i_jiejuefangan li .sous h2 big{top:-0.1rem;}
    .i_jiejuefangan li .zhank h3 big{top:-0.1rem;}
}

/*关于我们*/
.i_block_5{ background: #f0f7ff url(../images/img_01.png) no-repeat center top; padding-bottom: 0;}
.i_block_5 .i_tit{ padding-top: 1.95rem;}
.i_block_5 .i_tit .tit,.i_block_5 .i_tit .desc{ color:#fff;}
.index_about{ text-align: center; font-size: 0; overflow: hidden; padding: 0.50rem 0 1.50rem; height: 3.70rem; color: #fff;}
.index_about span{ display: inline-block; vertical-align: top; margin: 0 0.50rem; font-size: 0.18rem; line-height: 0.60rem;}
.index_about i{ display: block; font-size: 0.60rem; font-style: normal; white-space: nowrap;}
.index_about em{ font-size: 0.80rem; font-style: normal;}
.num01{ animation: float 3.5s linear infinite;}
@keyframes float {
	  0% { margin-top: -0.05rem; }
    25% { margin-top: -0.10rem; }
    50% { margin-top: -0.15rem; }
    75% { margin-top: -0.10rem; }
    100% { margin-top: -0.05rem; }
}

@media (max-width: 1200px){
	.i_block_5{ background-size: auto 100%;}
	.index_about{ height: 3.0rem; padding-top: 0.35rem;}
	.index_about span{ margin: 0 0.4rem;}
	.index_about i{ font-size: 0.5rem;}
	.index_about em{ font-size: 0.7rem;}

}

@media (max-width: 800px){
	.index_about{ height: 4.0rem;}
	.index_about span{ margin: 0; width: 33.33%; margin-bottom: 0.35rem;}
	.index_about i{ font-size: 0.45rem;}
	.index_about em{ font-size: 0.65rem;}

}

/*新闻*/
.i_block_6{ padding: 1.90rem 0 1.40rem; background: #fafafa url(../images/img_01.jpg) no-repeat right bottom;background: #fafafa url(../images/i_bg_06.jpg) no-repeat right bottom;margin-bottom: -70px;}
.i_block_6 .container-fluid{box-sizing: border-box; padding-left: 4.34rem; position: relative;}
.i_block_6 .title{ position: absolute; left: 0; top: 0;}
.i_block_6 .title img{ width: 2.75rem;}
.i_block_6 .title h2{ display: block; color: #454545; font-size: 0.36rem; font-weight: 400; line-height: 0.36rem; padding-top: 0.60rem;}
.i_block_6 .title h2 a{color:#454545;}
.i_block_6 .title p{ font-size: 0.18rem; color: #666; line-height: 0.18rem; padding-top: 0.20rem;}
.i_block_6 .title i{ display: block; margin-top: 0.48rem; width: 0.37rem; border-bottom: 0.03rem #00377e solid;}
.index_news li{ float: left; width: 32%; margin-right: 2%;}
.index_news li:last-child{ margin-right: 0;}
.index_news span{ display: block; overflow: hidden; box-shadow: 0 0 0.10rem rgba(0,0,0,0.1);}
.index_news img{ width: 100%; box-sizing: border-box; transition: all .3s linear;}
.index_news h4{ display: block; font-size: 0.18rem; color: #454545; font-weight: 600; line-height: 0.20rem; margin: 0.15rem 0 0.10rem; height: 0.20rem; overflow: hidden;}
.index_news p{ font-size: 0.14rem; color: #666666; line-height: 0.28rem; height: 0.84rem; overflow: hidden;}
.index_news li div{ margin-top: 0.35rem; height: 0.55rem;}
.index_news li i{ display: none; width: 80%; line-height: 0.55rem; text-align: center; font-size: 0.18rem; color: #fff; background-color: #0e74bc;}
.index_news li i em{ display: block; margin: 0 auto; width: 75%; background: url(../images/img_03.png) no-repeat right center; font-style: normal; text-align: left;}
.index_news li:hover div i{ display: block;}
.index_news img:hover{ transform: scale(1.1);}


@media (max-width: 1700px){
	.i_block_6 .container-fluid{ padding-left: 4.0rem;}
  .i_block_6 .title img{ width: 2.50rem;}
	.i_block_6 .title h2{ padding-top: 0.50rem;}

}

@media (max-width: 1600px){
	.i_block_6{ padding: 1.20rem 0; background-size: auto 60%;}
	.i_block_6 .container-fluid{ padding-left: 3.5rem;}
	.index_news li div{ margin-top: 0.25rem; height: 0.45rem;}
	.index_news li i{ line-height: 0.45rem;}
}

@media (max-width: 1400px){
	.i_block_6{ padding: 1.0rem 0;}
}
@media (max-width: 1000px){
	.i_block_6{ padding: 0.8rem 0;}
	.i_block_6 .container-fluid{ padding-left: 3.0rem;}
  .i_block_6 .title img{ width: 2.00rem;}
	.i_block_6 .title h2{ padding-top: 0.30rem;}
}
@media (max-width: 800px){
	.i_block_6 .container-fluid{ padding-left: 2.5rem;}

}

@media (max-width: 750px){
	.i_block_6 .container-fluid{ padding-left: 0;}
	.i_block_6 .title{ position: inherit; left: inherit; top: inherit; text-align: center; padding-bottom: 0.30rem;}
	.i_block_6 .title img{ margin: 0 auto;}
	.i_block_6 .title i{ display: none;}

}

@media (max-width: 600px){
	.index_news li{ width: 100%; margin-bottom: 0.30rem;}
	.index_news li:last-child{ margin-bottom: 0;}
	.index_news h4{ font-size: 0.26rem; line-height: 0.35rem; height: 0.35rem;}
	.index_news p{ font-size: 0.20rem; line-height: 0.30rem; height: 0.90rem;}
	.index_news li div{ height: auto; margin-top: 0.15rem;}
	.index_news li i{ display: block; border-radius: 4px; width: 100%; text-align: center;}
	.index_news li i em{ display: inline; background: none !important;}

}



/*当前位置*/
.p_img{ height: 430px; background-repeat: no-repeat; background-position: center top; position: relative;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
transition: all .4s linear;
background-size: auto 100%;
}
.p_img:hover{background-size: auto 101%;}
.p_img .con{ position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); height: 60px;}
.p_img p{ float: right; font-size: 14px; color: #f5f8ff; line-height: 60px; padding-left: 19px; background: url(../images/img_05.png) no-repeat left center; }
.p_img p a{ display: inline; color: #f5f8ff}
.tab a{ float: left; width: 170px; line-height: 60px; height: 60px; box-sizing: border-box; font-size: 14px; color: #f5f8ff; vertical-align: top; text-align: center;}
.tab a i{ display: inline-block; vertical-align: top; background-position: left center; background-repeat: no-repeat; font-style: normal}
.pro_tab a i{padding-left: 35px;}
.pro_tab a:first-child i{ background-image: url(../images/img_06.png)}
.pro_tab a:last-child i{ background-image: url(../images/img_07.png)}
.tab a:hover,
.tab a.on{ border-bottom: 2px #00377e solid; background: #fff; color: #00377e;}
.pro_tab a:hover:first-child i,
.pro_tab a.on:first-child i{ background-image: url(../images/img_06a.png)}
.pro_tab a:hover:last-child i,
.pro_tab a.on:last-child i{ background-image: url(../images/img_07a.png)}



/*新闻列表*/
.wrapper{ width: 1200px; margin: 0 auto;}
.c_title{ text-align: center; padding-top: 115px; padding-bottom: 50px; background: url(../images/img_04.png) no-repeat center 81px;}
.c_title h2{ display: block; font-size: 40px; color: #333333; font-weight: 400; line-height: 40px;}

.news_banner{ position: relative; background-color: #f6f6f6; overflow: hidden;}
.news_banner img{ float: left; width: 470px; height: 320px;}
.news_banner .swiper-slide div{ padding: 0 40px; overflow: hidden;}
.news_banner h4{ display: block; font-size: 22px; color: #00377e; font-weight: bold; line-height: 50px; height: 50px; margin-top: 20px; overflow: hidden;}
.news_banner p{ font-size: 14px; color: #666666; line-height: 36px; margin-bottom: 10px; max-height: 144px; overflow: hidden;}
.news_banner p i{ margin-left: 20px; font-style: normal;}
.news_banner .swiper-pagination{ width: auto; left: inherit; right: 50px; bottom: 25px;}
.news_banner .swiper-pagination span{ width: 14px; height: 14px; border-radius: 0; background: #9d9d9d; opacity: 1.0;}
.news_banner .swiper-pagination .swiper-pagination-bullet-active{ background: #f56a00;}

.news_list{ padding-top: 10px;}
.news_list a{ -webkit-transition: 0s; transition: 0s;}
.news_list .wrapper{ position: relative; box-sizing: border-box; height: 270px; padding: 34px 0 34px 157px; border-bottom: 1px #dfdfdf solid;}
.news_list .img{ float: right; overflow: hidden;}
.news_list .img img{width: 323px; height: 202px; transition: all .3s linear;}
.news_list .img:hover img{ transform: scale(1.1);}
.news_list .time{ position: absolute; left: 0; top: 34px; height: 185px; border-right: 4px #dfdfdf solid; width: 153px;}
.news_list .time b{ display: block; font-size: 80px; color: #666666; font-weight: 400; line-height: 90px;}
.news_list .time p{ font-size: 24px; color: #666666; line-height: 40px; margin-top: 25px;}
.news_list .time em{ font-style: normal; display: none;}
.news_list .time i{ font-style: normal;}
.news_list .con{ padding: 0 55px; overflow: hidden;}
.news_list .con h4{ display: block; font-size: 22px; font-weight: bold; color: #333333; line-height: 23px; height: 23px; overflow: hidden;}
.news_list .con h4 a{ color:#333;}
.news_list .con p{ font-size: 14px; color: #666666; line-height: 35px; height: 140px; margin-top: 17px; overflow: hidden;}
.news_list .con p a{ color:#666;}
.news_list li:hover{ background-color: #f8f8f8;}

.page{ text-align: center; font-size: 0; padding: 50px 0;}
.page a{ display: inline-block; vertical-align: top; font-size: 15px; color: #333; line-height: 27px; padding: 0 10px; border: 1px #ddd solid; margin: 0 5px;}
.page i{ display: inline-block; vertical-align: top; font-size: 15px; color: #333; line-height: 29px; padding: 0 11px; margin: 0 5px;}
.page a.active{ color: #fff; border-color: #055cab; background-color: #055cab;}

/*产品中心*/
.c_title01{ background-image: url(../images/img_08.png);}

.product_center li{ padding: 60px 0; overflow: hidden;}
.product_center .img{ float: left; overflow: hidden;}
.product_center .img img{ width: 624px; height: 441px;  transition: all .3s linear;}
.product_center .img:hover img{transform: scale(1.1);}
.product_center .con{ overflow: hidden; padding-left: 40px;}
.product_center h4{ display: block; font-size: 22px; color: #000000; font-weight: bold; line-height: 35px; height: 35px; margin-top: 5px; overflow: hidden;}
.product_center b{ display:block; font-size: 16px; font-weight: bold; color: #666666; line-height: 40px; margin-top: 10px;}
.product_center b img{ display: inline-block; vertical-align: middle; width: 20px; margin: 0 8px 2px 0;}
.product_center p{ font-size: 14px; color: #666; line-height: 36px;}
.product_center span{ margin-top: 17px; display:block; width: 119px; height: 34px; line-height: 34px; background: url(../images/img_11.png) no-repeat 0 0; background-size: 100% auto; box-sizing: border-box; font-size: 14px; color: #005c9f; padding-left: 14px;}
.product_center li:nth-child(2n){ background: url(../images/img_10.jpg) no-repeat center top;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
.product_center li:nth-child(2n) .img{ float: right;}
.product_center li:nth-child(2n) .con{ padding-left: 0; padding-right: 40px;}

@media screen and (max-width: 1220px) {
	.wrapper{ width: 970px;}

	/*当前位置*/
	.p_img{ height: 350px; background-position: center bottom;}
	.p_img .con{ height: 45px;}
	.p_img p{ line-height: 45px; padding-left: 18px; }
	.tab a{ width: 140px; line-height: 45px; height: 45px;}
	.pro_tab a i{ padding-left: 24px; background-size: 16px auto;}

	/*新闻列表*/
	.c_title{ padding-top: 80px; padding-bottom: 30px; background-position: center 53px; background-size:  auto 37px;}
	.c_title h2{ font-size: 34px; line-height: 34px;}

	.news_banner img{ width: 382px; height: 260px;}
	.news_banner .swiper-slide div{ padding: 0 30px;}
	.news_banner h4{ font-size: 18px; line-height: 40px; height: 40px; margin-top: 15px;}
	.news_banner p{ line-height: 30px; max-height: 120px;}
	.news_banner p i{ margin-left: 15px;}
	.news_banner .swiper-pagination{ right: 30px; bottom: 15px;}
	.news_banner .swiper-pagination span{ width: 10px; height: 10px;}

	.news_list .wrapper{ height: 200px; padding: 20px 0 20px 107px;}
	.news_list .img img{width: 256px; height: 160px;}
	.news_list .time{ top: 20px; height: 160px; border-right: 2px #dfdfdf solid; width: 103px;}
	.news_list .time b{ font-size: 60px;line-height: 80px;}
	.news_list .time p{ font-size: 18px;line-height: 30px; margin-top: 15px;}
	.news_list .con{ padding: 0 35px;}
	.news_list .con h4{ font-size: 18px;}
	.news_list .con p{line-height: 30px; height: 120px; margin-top: 13px; }

	.page{ padding: 40px 0;}


	/*产品中心*/
	.product_center li{ padding: 45px 0;}
	.product_center .img img{ width: 500px; height: 354px;}
	.product_center .con{ padding-left: 30px;}
	.product_center h4{font-size: 20px; line-height: 30px; height: 30px;}
	.product_center b{ font-size: 15px; line-height: 35px; margin-top: 7px;}
	.product_center b img{ width: 18px; margin: 0 6px 2px 0;}
	.product_center p{ line-height: 30px;}
	.product_center span{ margin-top: 15px;}
	.product_center li:nth-child(2n) .con{ padding-right: 30px;}

}

@media screen and (max-width: 992px) {
	.wrapper{ width: 750px;}

	/*当前位置*/
	.p_img{ height: 300px; background-size: auto 100%;}
	.p_img .con{ height: 40px;}
	.p_img p{ line-height: 40px; }
	.tab a{ line-height: 40px; height: 40px;}

	/*新闻列表*/
	.c_title{ padding-top: 60px; padding-bottom: 25px; background-position: center 37px; background-size: auto 30px;}
	.c_title h2{ font-size: 30px; line-height: 30px;}

	.news_banner img{ width: 300px; height: 204px;}
	.news_banner .swiper-slide div{ padding: 0 20px;}
	.news_banner h4{ font-size: 16px; line-height: 35px; height: 35px; margin-top: 10px;}
	.news_banner p{ line-height: 25px; max-height: 100px;}
	.news_banner p i{ margin-left: 10px;}
	.news_banner .swiper-pagination{ right: 20px; bottom: 0;}

	.news_list .wrapper{ height: 175px; padding: 20px 0 20px 97px;}
	.news_list .img img{width: auto; height: 135px;}
	.news_list .time{ top: 30px; height: 115px; border-right: 2px #dfdfdf solid; width: 93px;}
	.news_list .time b{ font-size: 50px;line-height: 60px;}
	.news_list .time p{ font-size: 16px;line-height: 30px; margin-top: 15px;}
	.news_list .con{ padding: 0 25px;}
	.news_list .con h4{ font-size: 16px;}
	.news_list .con p{line-height: 26px; height: 98px; margin-top: 7px; }

	.page{ padding: 30px 0;}

	/*产品中心*/
	.product_center li{ padding: 30px 0;}
	.product_center .img img{ width: 371px; height: 262px;}
	.product_center .con{ padding-left: 20px;}
	.product_center h4{font-size: 18px; line-height: 28px; height: 28px; margin-top: 0;}
	.product_center b{ font-size: 14px; line-height: 28px; margin-top: 5px;}
	.product_center b img{ width: 14px; margin: 0 6px 2px 0;}
	.product_center p{ line-height: 24px;}
	.product_center span{ margin-top: 15px;}
	.product_center li:nth-child(2n) .con{ padding-right: 20px;}

}

@media screen and (max-width: 768px) {
	.wrapper{ width: 100%;}

	/*当前位置*/
	.p_img{ height: 200px;}
	.p_img .con{ padding: 0 10px;}
	.p_img p{ font-size: 12px;}

	/*新闻列表*/
	.c_title{ background-size: auto 25px;}
	.c_title h2{ font-size: 25px; line-height: 25px;}

	.news_banner{ margin: 0 10px; padding-bottom: 10px}
	.news_banner img{ float: none; width: 100%; height: auto;}
	.news_banner .swiper-slide div{ padding: 0 10px;}
	.news_banner h4{ font-size: 16px; line-height: 30px; height: 30px;}
	.news_banner p{ line-height: 25px; max-height: 100px;}
	.news_banner .swiper-pagination{ right: 10px; bottom: -10px;}

	.news_list{ padding: 0 10px;}
	.news_list .wrapper{ height: 94px; padding: 0; margin-top: 30px; border-bottom: none;}
	.news_list .img{ float: left;}
	.news_list .img img{ width: 150px; height: 94px;}
	.news_list .time{ top: -15px; left: 10px; height: auto; border-right:none; width: 50px; background: rgba(30,96,204,0.9); padding: 5px 0; text-align: center; z-index: 1;}
	.news_list .time b{ font-size: 20px;line-height: 20px; color: #fff;}
	.news_list .time p{ font-size: 14px;line-height: 20px; margin-top: 7px; color: #fff;}
	.news_list .time p i{ display: none;}
	.news_list .time p em{ display: inline-block;}
	.news_list .con{ padding: 0 10px;}
	.news_list .con h4{ font-size: 16px; height: 20px; line-height: 20px;}
	.news_list .con p{line-height: 24px; height: 72px; font-size: 13px; margin-top: 5px; }
	.news_list li:hover{ background: none;}

	.page{ padding: 20px 0;}
	.page a{ line-height: 23px; padding: 0 9px;}
	.page i{ line-height: 25px;}

	/*产品中心*/
	.product_center li{ padding: 20px 10px; background: none !important;}
	.product_center .img{ float: none;}
	.product_center .img img{ width: 100%; height: auto;}
	.product_center .con{ padding: 0 10px;}
	.product_center h4{margin-top: 15px}
	.product_center span{ margin-top: 15px; width: 100%; height: 40px; line-height: 40px; text-align: center; padding: 0; background: #005c9f; border-radius: 5px; color: #fff; font-size: 15px;}
	.product_center li:nth-child(2n) .img{ float: none;}
	.product_center li:nth-child(2n) .con{padding: 0 10px;}
}

@media screen and (max-width: 768px) {
	.tab a{ width: auto; padding: 0 10px;}
	.tab a i{ padding-left: 0 !important; background-image: none !important;}
}

@media screen and (max-width: 640px) {
    .tab{display: none;}
}


.pagelink li{display: inline-block;}
.pagelink span{ display: inline-block; vertical-align: top; font-size: 15px; color: #333; line-height: 27px; padding: 0 10px; border: 1px #ddd solid; margin: 0 5px;}
.pagelink .active span{ color: #fff; border-color: #055cab; background-color: #055cab;}

.detail_title{text-align: center;padding: 100px 0 50px;position: relative;overflow: hidden;}
.detail_title h1{font-size: 0.4rem;font-weight: normal;line-height: 1.2;}
.article_detail .detail_title h1{font-size: 0.36rem;}
.detail_title .en_tit{display: block;position: absolute;width:1920px;left:50%;margin-left: -960px;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size: 0.6rem;font-weight: bold;color:#F5F5F5;z-index: -1;text-transform: uppercase;line-height: 1.2;}
@media screen and (max-width: 1220px) {
    .detail_title{ padding-top: 80px; padding-bottom: 30px;}
}

@media screen and (max-width: 992px) {
    .detail_title{ padding-top: 60px; padding-bottom: 25px;}
}

.product_detail .big_img{float: left;width: 624px;margin-right: 0.4rem;}
.jqr_detail_block1 .jqr_detail_left{width: 500px;}
.product_detail .big_img img{width: 100%; height: auto;}

@media screen and (max-width: 1220px) {
    .product_detail .big_img{ width: 500px;}
    .jqr_detail_block1 .jqr_detail_left{width: 400px;}
}
@media screen and (max-width: 992px) {
    .product_detail .big_img{ width: 371px;}
    .jqr_detail_block1 .jqr_detail_left{width: 350px;}
}
@media screen and (max-width: 768px) {
    .product_detail .big_img{ width: 100%;margin-right: 0;float: none;margin-bottom: 0.3rem;}
    .about_detail,
    .article_detail,
    .product_detail{padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 640px) {
    .detail_title{padding-top: 40px;padding-bottom: 15px;}
    .detail_title .en_tit{font-size: 0.4rem;}
}

.pro_tit{overflow: hidden;line-height: 0.46rem;position: relative;border-bottom: 2px solid #F6F6F6;padding-left: 0.2rem;}
.pro_tit:before{display: block;content:'';position: absolute;width: 0.05rem;height: 0.25rem;left: 0;top: 50%;margin-top: -0.125rem;background: #00377E;}
.pro_tit .name{font-weight: bold;font-size: 0.24rem;color:#454545;float: left;margin-right:0.15rem;}
.pro_tit .en_name{font-size: 0.14rem;color:#A9A9A9;text-transform: uppercase;line-height: 0.24rem;
    padding-top: 0.16rem;
}
.pro_tit2{margin-top: 0.3rem;}

@media screen and (max-width: 639px) {
    .pro_tit .name{font-size: 0.28rem}
    .pro_tit .en_name{font-size: 0.18rem}
}

.pro_youshi{overflow: hidden;}
.pro_youshi_con{padding:0.15rem 0;font-size: 0.16rem;}
.pro_youshi_con p{padding:0.1rem 0;padding-left: 0.2rem;position: relative;line-height:1.5;}
.pro_youshi_con p:before{display: block;content:'';position: absolute;width: 0.07rem;height: 0.07rem;left: 0;top: 50%;top:0.22rem;margin-top: -0.035rem;background: #00377E;border-radius: 50%;}
.pro_con{color:#656565;font-size: 0.18rem;padding:0.3rem 0;line-height: 1.7;line-height: 2;overflow: hidden;text-align: justify;}
.about_detail .pro_con{padding-top: 0.2rem;}
/*.pro_con h4,
.pro_con h3,
.pro_con h2,
.pro_con h1{margin-bottom: 15px;}*/
/*.pro_con p{margin:0 0 15px!important;}*/
.pro_con img{max-width: 100%;height:auto;display: block;margin:0 auto;}
.pro_con video{max-width: 100%;}
.pro_con object{display: block;margin:0 auto;}

.ke-content{padding:30px 10px;min-width: 500px;max-width:1200px;margin:0 auto;overflow:auto;color:#656565;font-size:18px;line-height: 2;text-align: justify;}
/*.ke-content{padding:0.3rem 0;font-size: 0.18rem;} 这种有小数的写法后台段的最后 delete 合并下面的段落后，再换分段时会加上字号，所以不用了*/
@media (max-width: 1600px){
    .ke-content{font-size: 17px;}
}
@media (max-width: 1440px){
    .ke-content{font-size: 16px;}
}
@media (max-width: 1220px){
    .ke-content{font-size: 15px;}
}
@media (max-width: 1024px){
    .ke-content{font-size: 14px;}
}
@media (max-width: 991px){
    .ke-content{font-size: 13px;}
}


@media screen and (max-width: 1300px) {
    .ke-content{padding-left: 15px;padding-right: 15px;}
}

/*.ke-content h4,
.ke-content h3,
.ke-content h2,
.ke-content h1{margin-bottom: 15px;}*/

/*.ke-content p{margin:0 0 15px!important;text-indent: 2em;}*/
.ke-content p{margin: 0;}
.ke-content img{max-width: 100%;height:auto;display: block;margin:0 auto;}
.ke-content video{max-width: 100%;}
.ke-content object{display: block;margin:0 auto;}

.ke-content table,
.pro_con table{border-collapse: collapse;border-spacing: 0;max-width: 800px;width: 100%;text-align: center;margin:0 auto;}
.ke-content table tr td,
.pro_con table tr td{border:1px solid #ddd;line-height: 1.6;padding:0.5em;font-size: inherit;}
.ke-content table tr:first-child td,
.pro_con table tr:first-child td{background: #f3f3f3;}
.ke-content table tr td:first-child,
.pro_con table tr td:first-child{background: #f3f3f3;}

.ke-content table tr td:nth-child(1),
.pro_con table tr td:nth-child(1){width: 11%;}
.ke-content table tr td:nth-child(2),
.pro_con table tr td:nth-child(2){width: 30%;}
/*.ke-content table>tbody>tr:nth-of-type(odd),
.pro_con table>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}*/

.item4 .m_product{width: 100%;text-align: center;}
.item4 .m_product li{width:200px;padding:15px 20px;display: inline-block;float: none;}
.m_product2{width: 100%;text-align: center;}
.m_product2 li{width: 200px;margin: 0;padding:15px 20px;display: inline-block;float: none;}

.page_header_info{text-align: center;color: #878787;line-height: 1.2;padding: 0 0 0.3rem;border-bottom: 1px solid #ddd;}
.page_header_info span{margin:0 5px;}
.artPage {overflow: hidden;position: relative;border-top: 1px solid #f1f1f1;padding: 0.15rem 0;line-height: 2;}

@media screen and (max-width: 639px) {
    .pro_youshi_con{font-size: 0.18rem}
    .pro_con{font-size: 0.2rem}
    .about_detail .pro_con{padding-top: 0.2rem;}
}

.index_news span{position: relative;height: 0;padding-bottom: 62.5%;}
.index_news span img{position: absolute;top: 0;left: 0;}


.lxwm_left{width: 730px;float: left;margin-right: 0.4rem;overflow: hidden;margin-top: 0.2rem;}
.lxwm_left img{width: 100%;transition: all .3s linear;display: none;}
.lxwm_left:hover img{transform: scale(1.1);}
.lxwm_left iframe{margin:-2px;}
.lxwm_left .map2{display: none;}
.lxwm_left .map2 img{display: block;}
@media screen and (max-width: 639px) {
    .lxwm_left .map2{display: block;}
    .lxwm_left .map1{display: none;}
}
.lxwm_right{overflow: hidden;margin-top: 0.2rem;}
.lxwm_tit1{font-size: 0.3rem;color:#0D73BB;font-weight: bold;}
.lxwm_tit2{font-size: 0.24rem;color:#0D73BB;font-weight: bold;padding-top: 0.1rem;}
.lxwm_con{font-size: 0.16rem;line-height: 2.3;padding:0.05rem 0 0.1rem;}
.lxwm_qr_code{}
.lxwm_qr_code img{max-width: 100px;}
.lxwm_list{overflow: hidden;padding-bottom: 0.7rem;}
.lxwm_list li{width: 50%;float: left;margin-top: 0.7rem;overflow: hidden;}
.lxwm_list .pic{float: left;width: 2.60rem;margin-right: 0.2rem;overflow: hidden;}
.lxwm_list .pic img{width: 100%;transition: all .3s linear;}
.lxwm_list .tit{font-size: 18px;font-weight: bold;padding:0.15rem 0;}
.lxwm_list .con{font-size: 14px;line-height: 1.7;}
.lxwm_list li:hover img{transform: scale(1.1);}
.lxwm_list li:hover{color:#0D73BB;}
@media screen and (max-width: 992px) {
    .lxwm_left{float: none;margin-right: 0;width: 100%;text-align: center;}
    .lxwm_right{padding-top: 0.2rem;}
    .lxwm_main_info{float: left;}
    .lxwm_qr_code{float: right;padding-top: 0.6rem;}
    .lxwm_list li{width: 100%;float: none;}
    .lxwm_detail{padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 639px) {
    .lxwm_con{font-size: 0.2rem;}
    .lxwm_list .tit{font-size: 0.28rem;}
    .lxwm_list .con{font-size: 0.2rem;}
}
@media screen and (max-width: 480px) {
    .lxwm_list .tit{padding:0;}
}
@media screen and (max-width: 320px) {
    .lxwm_list .tit{padding:0;}
    .lxwm_main_info{float: none;}
    .lxwm_qr_code{float: none;padding-top: 0.1rem;text-align: center;}
}
@media (min-width: 992px) {
    .xn_n_22_subcon_in {/*width: 1200px;margin:0 auto;*/padding: 50px 0;position: relative;min-height: 244px;}
    .xn_n_22_subcon_in dl{display:none;}
    .xn_n_22_subcon_in dl:first-child{display:block;}
    .xn_n_22_subcon_in ul{height:auto;width: 200px;overflow: hidden;}
    .xn_n_22_subcon_in li{float: left;margin-bottom:0.15rem;margin-right: 0.3rem;}
    /*.xn_n_22_subcon_in li:nth-child(2n){float:right;}*/
    .xn_n_22_subcon_in dt{width: 171px;height: 56px;line-height: 56px;overflow:hidden;}
    .xn_n_22_subcon_in dt a{font-size: 16px;color:#FFF;display: block;background: #00599b;text-align: center;}
    .xn_n_22_subcon_in dt a:hover{background:#155faf;}
    .xn_n_22_subcon_in .xn_n_22_news_timg{max-width:283px;height:153px;overflow:hidden;float: right;margin-left: 0.3rem;}
    .xn_n_22_subcon_in .xn_n_22_news_timg img{max-width:100%;max-height:100%;}
    .xn_n_22_subcon_in .xn_n_22_news_tbox{position:absolute;left:230px;top: 50px;right: 0;z-index:55;display:none;}
    .xn_n_22_subcon_in .hover .xn_n_22_news_tbox{display: block;}
    .xn_n_22_news_tbox:after{content:'';display:block;width:1px;height:56px;background:rgba(0,0,0,0.5);position:absolute;left:-74px;top:0px;}
    .xn_n_22_news_tbox:after{display: none;}
    /*.xn_n_22_subcon_in li:first-child dd{display:block;}*/
    span.xn_n_22_news_tname2 {font-size: 20px;color: #333;display:block;line-height:40px;margin-bottom:8px;overflow: hidden;}
    .xn_n_22_news_intro{font-size:14px;color:#666;display:block;line-height:28px;height:56px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}
@media (min-width: 1200px) {
    .xn_n_22_subcon_in ul{width: 400px;}
    .xn_n_22_subcon_in li{margin-right: 0.3rem;}
    .xn_n_22_subcon_in .xn_n_22_news_tbox{left: 440px;}
}

@media (min-width: 1366px) {
    .xn_n_22_subcon_in ul{width: 450px;}
    .xn_n_22_subcon_in .xn_n_22_news_tbox{left: 537px;}
    .xn_n_22_news_tbox:after{display: block;}
}

@media (min-width: 1600px) {
    .xn_n_22_subcon_in.item2 ul{width: 650px;}
    .xn_n_22_subcon_in.item2 .xn_n_22_news_tbox{left: 737px;}
}
@keyframes mymove2{
    0%{margin-top:0px;}
    50%{margin-top:20px;}
    100%{margin-top:0px;}
}
@-webkit-keyframes mymove2{
    0%{margin-top:0px;}
    50%{margin-top:20px;}
    100%{margin-top:0px;}
}

@keyframes mymove3{
    0% { margin-top: -0.05rem; }
    25% { margin-top: -0.10rem; }
    50% { margin-top: -0.15rem; }
    75% { margin-top: -0.10rem; }
    100% { margin-top: -0.05rem; }
}
@-webkit-keyframes mymove3{
    0% { margin-top: -0.05rem; }
    25% { margin-top: -0.10rem; }
    50% { margin-top: -0.15rem; }
    75% { margin-top: -0.10rem; }
    100% { margin-top: -0.05rem; }
}
.i_block_2_2{min-height: 7rem;}
.i_block_2_2 .i_sm_pic{display: none;}
@media (min-width: 992px) {
    .i_block2_bg{background-size: 100% 100%;height: 90%;background-position: top center;}
}
.zujian_left{width: 40%;position: absolute;top: 0;right: 0;}
.zujian_left img{max-width: 90%;display: block;position: absolute;top: 0;right: 0;
animation: mymove2 3s linear infinite;
    -webkit-animation: mymove2 3s linear infinite;
}
.zujian_right{width: 50%;float: left;}
.zujian_list{overflow: hidden;}
.zujian_list ul{overflow: hidden;margin:0 -0.2rem;}
.zujian_list li{float: left;width: 33.333%;padding:0 0.2rem;}
.zujian_list .pic{position: relative;height: 0;padding-bottom: 80%;}
.zujian_list .pic img{max-width:100%;display: block;position: absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    animation: mymove3 3s linear infinite;
    -webkit-animation: mymove3 3s linear infinite;
}
.zujian_list .title{text-align: center;font-size: 0.24rem;color:#333;}
.zujian_list .desc{font-size: 0.16rem;padding-top: 0.1rem;color:#666;text-align: justify;
/*display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;*/
}
@media (min-width: 992px) {
    .zujian_list{padding-bottom: 0.8rem;}
}
@media (max-width: 1160px) {
    .zujian_right{width: 70%;}
    .zujian_list .title{font-size: 0.2rem;}
}
@media (max-width: 991px) {
    .zujian_right{width: 100%;}
    .zujian_list li{float: none;width: 100%;padding:0 0 0.3rem;overflow: hidden;}
    .zujian_list .pic{float: left;width:2.3rem;margin-right: 0.3rem;padding-bottom: 2rem;}
    .zujian_list .title{text-align: left;padding-top: 0.3rem;font-size: 0.24rem;}
}
@media (max-width: 639px) {
    .zujian_list li{position: relative;}
    .zujian_list .pic{position: inherit;margin-right: 0.15rem;}
    .zujian_list .pic img{max-width: 2.3rem;left:1.15rem;}
}
@media (max-width: 480px) {
    .zujian_list .title{padding-top: 0.2rem;}
    /*.zujian_list .desc{-webkit-line-clamp: 3;}*/
}

.menus{background: rgba(255,255,255,0.95);}

.partners{overflow: hidden;text-align: center;}
.partners ul{overflow: hidden;margin:0 -0.05rem;}
.partners li{width: 50%;float: left;padding:0.05rem;position:relative;overflow: hidden;width: 12.5%;padding:0.05rem;}
.partners li img{max-width: 100%;}

@media (max-width: 991px) {
    .partners li{display: inline-block;width:auto;float: none;padding:0.15rem;}
}

@media (max-width: 360px) {
    .partners li{width: 47%;}
}

.partners li:after{content:"";position:absolute;left:-120%;top:0;width:100%;height:100%;background-image:-webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));transform:skewx(-25deg);-webkit-transform:skewx(-25deg)}
.partners li:hover:after{transition:all .5s ease;left:100%}

.jqr_detail_block1{}
.jqr_detail_desc p{}
/*.jqr_detail_desc p:before{display: none;}*/


/*20201103*/
.cate_17_detail_pics{max-width: 900px;margin:0 auto;}
.detail_pics_box{padding:0.15rem 0;text-align: center;}
.detail_pics_box img{max-width: 100%;}
.cate_17_detail_pics .i_cates{background: #003274;border-radius: 0.4rem;overflow: hidden;padding:0.05rem;line-height: 0;font-size: 0;}
.cate_17_detail_pics .i_cates ul{text-align: center;float: none;line-height: 0;font-size: 0;}
.cate_17_detail_pics .i_cates li{display: inline-block;float: none;line-height: 0.4rem;height: 0.4rem;font-size: 0.18rem;border-radius: 0.4rem;overflow: hidden;}
.cate_17_detail_pics .i_cates li a.title{color:#fff;display: block;padding:0;}
.cate_17_detail_pics .i_cates li a.title:hover,
.cate_17_detail_pics .i_cates li.hover a.title,
.cate_17_detail_pics .i_cates li.active a.title{color:#003274;background: #fff;}

.cate_17_detail_pics .i_cates li{width: 33.333%;float: left;margin-right: 0;}

/*20201210*/
.cnav{position:fixed;right:20px;z-index:50000;top:50%;margin-top: 20px;}
.cnav a{display:block;width:40px;height:40px;background:#fff no-repeat center;text-align:center;border-radius:100%;position:relative;margin-top:10px;
-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.cnav a i{display:inline-block; vertical-align:middle; height:100%;}
.cnav a.gotop{margin-top:20px;opacity: 0;}
.cnav a .code{ position:absolute; right:60px; top:50%; width:0; height:0; background:#fff;border-radius: 15px;opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.cnav a .code:after{position: absolute;display: block;content:'';top: 50%;left: 100%;opacity: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 0 solid transparent;border-left-color: #fff;border-right: none;
-webkit-box-shadow:12px 2px 18px 0 rgba(0,0,0,.1);
-moz-box-shadow:12px 2px 18px 0 rgba(0,0,0,.1);
box-shadow:12px 2px 18px 0 rgba(0,0,0,.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.code_con{overflow: hidden;}
.cnav a .code img{ width:100%;}
.cnav a:hover .code{opacity: 1;width:150px; height:150px;padding:10px;}
.cnav a:hover .code:after{opacity: 1;border-width: 10px;}
.cnav a .bg{display: block;width:100%;height:100%;}
.cnav a.gotop.on{opacity: 1;}
.cnav a.wx:hover .code{padding:5px;}
.cnav a.tel .code_con{font-size: 20px;position: absolute;width: 100%;right: 0;top:50%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.cnav a.tel:hover .code{height: 80px;width: 200px;}
.cnav a.wx{background-image:url(../images/pf_icon_3.png);}
.cnav a.tel{background-image:url(../images/pf_icon_1.png);}
.cnav a.msg{background-image:url(../images/pf_icon_5.png);}
.cnav a.gotop{background-image:url(../images/icon20.png);}
.cnav a:hover{background-color: #00377d;}
.cnav a.wx:hover{background-image:url(../images/pf_icon_4.png);}
.cnav a.tel:hover{background-image:url(../images/pf_icon_2.png);}
.cnav a.gotop:hover{background-image:url(../images/icon20.png);background-color: #fff;}
.cnav a.msg:hover{background-image:url(../images/pf_icon_5_2.png);}

/*20210120*/
.pf_message_box{width: 715px;height: 500px;padding:37px;background:url(../images/zxly_bg.png) no-repeat top center;position: fixed;left: 50%;top: 50%;z-index: 2000;display: none;overflow: hidden;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pf_message{overflow: hidden;position: relative;}
.pf_message_left{width: 230px;float: left;padding-left: 30px;padding-top: 70px;color:#fff;}
.pf_message_right{width: 410px;float: left;padding:20px;}

.pf_message_left .tit{font-size: 18px;font-weight: bold;}
.pf_message_left .desc{font-size: 14px;margin-top: 20px;}
.pf_message_right .tit{font-size: 16px;font-weight: bold;color:#005B9F;}

.pf_message_form{padding-top: 5px;font-size: 14px;}
.pf_message_form .item{overflow: hidden;line-height: 38px;height: 38px;margin-top: 10px;position: relative;padding-left: 85px;}
.pf_message_form .label{width: 80px;position: absolute;top: 0;left: 0;}
.pf_message_form .label span{color:#FC0404;margin-right: 3px;}
.pf_message_form .input_box{width: 100%;border-radius: 5px;overflow: hidden;background: #fff;border: 1px solid #aaa;height: 38px;}
.pf_message_form .input_box input{display: block;height: 100%;width: 100%;padding:0 10px;font-size: 14px;}
.pf_message_form .item_verify{padding-right: 130px;}
.pf_message_form .item_verify .verify{width: 120px;overflow: hidden;height: 38px;border: 1px solid #aaa;position: absolute;top: 0;right: 0;}
.pf_message_form .item_verify .verify img{height: 100%;display: block;}
.pf_message_form .message_btns{margin-top: 15px;text-align: center;}
.pf_message_form .message_btns .message_btn{display: inline-block;width: 105px;height: 36px;line-height: 36px;text-align: center;color:#fff;margin:0 15px;cursor: pointer;font-size: 14px;}
.pf_message_form .message_btns .reset_btn{background: #9F9F9F;}
.pf_message_form .message_btns .submit_btn{background: #00A0E8;}
.pf_message_form .get_code{ display: block;position: absolute;top: 2px;right: 0; border: 0; width: 120px; height: 34px;line-height: 34px; border-radius: 5px; font-size: 14px; color: #fff; background-color: #00a0e8;}
.pf_message_form .get_code.disabled{background: #eee;color:#999;}
.pf_message_close{ position: absolute; right: 10px; top: 10px; width: 30px; height: 30px;overflow: hidden;}
.pf_message_close span{ display: block; width: 100%; height: 100%;position: relative;}
.pf_message_close span::after,
.pf_message_close span::before{display: block;position: absolute; content: ""; width: 20px; border-bottom: 2px #333 solid;}
.pf_message_close span::after{ left: 50%; top: 50%;/* transform: rotate(-45deg);*/
-webkit-transform: translate(-50%,-50%) rotate(-45deg);
-ms-transform: translate(-50%,-50%) rotate(-45deg);
transform: translate(-50%,-50%) rotate(-45deg);
}
.pf_message_close span::before{ left: 50%; top: 50%;/* transform: rotate(45deg);*/
-webkit-transform: translate(-50%,-50%) rotate(45deg);
-ms-transform: translate(-50%,-50%) rotate(45deg);
transform: translate(-50%,-50%) rotate(45deg);
}

@media (max-width: 639px) {
    .pf_message_left{display: none;}
    .pf_message_box{width: 100%;background:none;padding:40px 0;height:auto;}
    .pf_message{background: rgba(255,255,255,0.9);padding:0 15px;border-radius: 10px;margin:0 15px;
        -webkit-box-shadow: 0 0 40px rgba(26,192,254,0.55);
        box-shadow: 0 0 40px rgba(26,192,254,0.55);
    }
    .pf_message_right{width: 100%;}
}
@media (max-width: 480px) {
    .pf_message{padding:5px 0 15px;}
}
@media (max-width: 425px) {
    .pf_message_form .item_verify{padding-right: 110px;}
    .pf_message_form .item_verify .verify{width: 100px;}
    .pf_message_form .item_verify .verify img{margin-left: -10px;}
    .pf_message_form .item_verify .get_code{width: 100px;}
}
@media (max-width: 375px) {
    .pf_message_right{padding: 15px;}
    .pf_message_form .item{padding-left: 80px;}
    .pf_message_form .item_verify{padding-right: 95px;}
    .pf_message_form .item_verify .verify{width: 90px;}
    .pf_message_form .item_verify .verify img{margin-left: -12px;}
    .pf_message_form .item_verify .get_code{width: 90px;}
}

@media (max-width: 425px) {
    .cnav{right: 10px;top:auto;bottom: 10px;}
}