@charset "utf-8";

@import url(?css/public.css);

/* 头部 */
.header{width: 100%; position: relative;}
.header .header_top{height: 40px; background-color: #F2F2F2; overflow: hidden;}
.header .header_top .txt{float: left; line-height: 40px; font-size: 14px; color: #666666;}
.header .header_top .right a{float: left; position: relative; font-size: 14px; color: #666666; line-height: 40px; padding: 0 8px;}
.header .header_top .right a:before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 15px; background-color: #666666;}
.header .header_top .right a:nth-child(1):before{display: none;}
/*  */
.header .header_content{width: 100%; background-color: #fff; height:100px; position: relative;}
.header .header_content .left{width: 30%; height: 100%; display: flex; display: -webkit-flex; align-items: center}
.header .header_content .right{width: 70%; height: 100%; display: flex; display: -webkit-flex; align-items: center}
.header .header_content .logo{float: left;}
.header .header_content .logo img{max-width: 100%; width: 267px; height:auto;}
/*  */
.header .navBarIcon{position:absolute; top: 0; bottom: 0; right: 15px; margin: auto; padding: 0; height: 29px; display:block; cursor:pointer;}
.header .navBarIcon .icon-bar{background:#065ab7; width:35px; height:5px; display: block;}
.header .navBarIcon .icon-bar+.icon-bar{ margin-top:6px;}
.header .navBarIcon.tx .icon-bar:nth-child(1){ margin-top:10px; transform:rotateZ(45deg);}
.header .navBarIcon.tx .icon-bar:nth-child(2){ opacity:0;}
.header .navBarIcon.tx .icon-bar:nth-child(3){ top:50%; position:absolute; margin:0 !important; transform:translate(0,-50%) rotateZ(135deg);}
.header .languageBox{width: 10%; position: relative; float: right;}
.header .languageBox .language{font-size: 16px; color: #333; line-height: 40px; position: relative; padding-right: 50px;}
.header .languageBox .language img{position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 41px; /*height: 25px;*/}
.header .languageBox .languageSelect{display: none; position: absolute; top: 100%; right: -17px; z-index: 3;}
.header .languageBox .languageSelect a{display: block; width: 120px; height: 40px; line-height: 40px; background-color: rgba(0,0,0,0.3); margin-bottom: 5px; padding-left: 15px;}
.header .languageBox .languageSelect a span{display: inline-block; position: relative; padding-left: 50px; font-size: 14px; color: #fff;}
.header .languageBox .languageSelect a span img{width: 41px; height: 26px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;}
.header .top_search{width: 7%; position: relative;}
.header .top_search .search_icon{width: 21px; height: 21px; float: right; background: url(?images/top_search_icon.png) no-repeat; background-size: 100% 100%;}
.header .top_search .search_box{position: absolute; top: 150%; right: 0; width: 180px; height: 25px; border-radius: 30px; border: 1px solid #1C94E0; display: none; overflow: hidden; z-index: 2;}
.header .top_search .search_box .search_text{width: calc(100% - 30px); float: left; height: 100%; border: none; outline: none; padding: 0 10px;}
.header .top_search .search_box .search_btn{width: 30px; height: 100%; float: left; border: none; background: url(?images/top_search_icon.png) no-repeat center center; background-size: 20px;}
/*  */
.header .header_nav{width: 78%; margin-right: 2%; position: relative; background-color: #fff;}
.header .header_nav .nav_logo{width: 100%; text-align: center; overflow: hidden; padding: 20px;}
.header .header_nav .nav_logo img{max-width: 100%; height: auto; width: 150px;}
.header .header_nav .navBox{width: 100%;}
.header .header_nav .navList{width: 100%;}
.header .header_nav .item{float: left; width: 20%; height: 50px; position: relative; text-align: center; padding: 0 5px;}
.header .header_nav .item>a{color: #333; font-size: 16px; line-height: 47px; display: block; overflow: hidden; border-bottom: 3px solid #fff;}
.header .header_nav .item:hover>a{background-color: #1C94E0; border-bottom: 3px solid #D0D1D3; border-radius: 4px 0 0 0; color: #fff;}
.header .header_nav .item.act>a{background-color: #1C94E0; border-bottom: 3px solid #D0D1D3; border-radius: 4px 0 0 0; color: #fff;}
.header .header_nav .nav_down{display: none; position:absolute; top:100%; width: 190%; left: 50%; transform: translateX(-50%); box-shadow: 0 0 5px rgb(0 0 0 / 20%); background-color: rgba(233,233,233,1); z-index:9;}
.header .header_nav .nav_down li{width: 100%; text-align: left;}
.header .header_nav .nav_down li a{line-height: 40px; font-size: 16px; color:#333333; display: block; padding: 0 5px;}
.header .header_nav .nav_down li a:hover{background: #1C94E0; color: #fff;}
/* .header.small .header_content{position: fixed; left: 0; top: 0; z-index: 6; box-shadow: 5px 5px 20px 5px #bbb; animation: navSmall 0.5s;} */
@keyframes navSmall {
    from {top: -50px;}
    to {top: 0;}
}
@-webkit-keyframes navSmall {
    from {top: -50px;}
    to {top: 0;}
}
/*  */
.banner{width: 100%; position: relative;}
.banner .img{width: 100%; height: 550px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.banner .swiper-pagination-bullet-active{background: #226aad;}
.banner .banner-next, .banner .banner-prev{position: absolute; top: 0; bottom: 0; margin: auto; width: 30px; height: 50px; line-height: 50px; font-size: 38px; color: #fff; z-index: 9; opacity: 0;cursor: pointer;}
.banner .banner-prev{left: 2%;}
.banner .banner-next{right: 2%;}
.banner:hover .banner-next, .banner:hover .banner-prev{opacity: 1;}
.banner_nav{width: 260px; position: absolute; height: 606px; top: 107px; z-index: 2;}
.banner_nav .nav_list{width: 100%; border-top: 4px solid #1C94E0; background-color: rgba(233,233,233,1); padding: 0 20px;}
.banner_nav .item{padding: 8px 0; border-bottom: 1px solid #BFC0C2; position: relative;}
.banner_nav .item::before{content: ""; position: absolute; bottom: 0; left: 0; width: 34px; height: 2px; background-color: #1C94E0;}
.banner_nav .item .nav_title a{height: 42px; line-height: 42px; overflow: hidden; display: block; font-size: 15px; color: #333333;}
.banner_nav .item .nav_title a:hover{color:#1C94E0;}
.banner_nav .item .nav_down{overflow: hidden; zoom: 1; height: 25px; overflow: hidden;}
.banner_nav .item .nav_down a{float: left; font-size: 14px; color: #666666; height: 25px; line-height: 25px; margin-right: 15px;}
.banner_nav .item .nav_down a:hover{color: #1C94E0;}
.banner_nav .item:last-child{border-bottom: none;}
.banner_nav .item:last-child::before{display: none;}
.banner_inner{width: 100%; height: 250px; position: relative; font-size: 0;}
.banner_inner .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.banner_inner .ph_img{width: 100%; height: 150px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.banner_inner .banner_txt{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 100px;}
.banner_inner .banner_txt .text1{font-size: 30px; color: #fff;}
.banner_inner .banner_txt .text1 span{font-size: 30px; color: #fff; opacity: .15;}
.banner_inner .banner_txt .text2{font-size: 14px; color: #fff; margin-top: 15px;}
.banner_inner .banner_txt .color2{color: #333;}
.banner_inner .banner_txt .color2 span{color: #333;}
/* tabbar */
.tabBar{width: 100%; height: 58px; background-color: #1C94E0; border-top: 1px solid #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 6; height: calc(58px +  constant(safe-area-inset-bottom)); height: calc(58px +  env(safe-area-inset-bottom));}
.tabBar .list{height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center;}
.tabBar .list>li{height: 100%; border-right: 1px solid #fff; position: relative; flex: 1;}
.tabBar .list>li:last-child{border-right: none;}
.tabBar .item{width: 100%; height: 100%; text-align: center; display: flex; display: -webkit-flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.tabBar .item span{width: 100%; font-size: 16px; color: #fff; display: block; line-height: 20px;}
.tabBar .item p{width: 100%; font-size: 12px; line-height: 20px; color: #fff;}
.tabBar .tabbar_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 7; display: none;}
.tabBar .tel_num{width: 100%; display: block; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 0 5px rgb(0 0 0 / 30%); position: fixed; bottom: 0; left: 0; z-index: 8; display: none;}
.tabBar .tel_num a{display: block; line-height: 44px; font-size: 15px; color: #333; border-bottom: 1px solid #ddd; text-align: center;}
.tabBar .tel_num .cancel{margin-top: 6px; border-top: 1px solid #ddd; background-color: #fff; line-height: 44px; font-size: 15px; color: #333; text-align: center;}
.tabBar .wecht_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); z-index: 7; display: none;}
.tabBar .wecht_content{width: 100%; background-color: #fff; padding: 30px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%);}
.tabBar .wecht_content .title{font-size: 18px; color: #333; line-height: 24px; font-weight: bold;}
.tabBar .wecht_content img{width: 150px; height: auto; margin-top: 10px;}
.tabBar .wecht_content .txt{font-size: 12px; color: #333; margin-top: 10px; line-height: 20px;}
.tabBar .wecht_content .txt span{font-size: 18px; font-family: Impact;}
.tabBar .close{position: absolute; bottom: -38px; width: 30px; height: 30px; line-height: 28px; font-size: 20px; color: #fff; border: 1px solid #fff; border-radius: 50%; left: 0; right: 0; margin: auto;}
/*  */
.title_index{width: 100%;}
.title_index .title1{width: calc(100% - 30px); position: relative; float: left; overflow: hidden;}
.title_index .title1 .tit{display: inline-block; font-size: 25px; color: #333333; line-height: 30px; position: relative; padding-right: 20px;}
.title_index .title1 .tit::before{content: ""; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; width: 1000px; height: 1px; background-color: #E5E5E5;}
.title_index .title1 .tit span{font-size: 25px; color: #dfdfdf; font-family: Arial; text-transform: uppercase; padding-left: 10px;}
.title_index .more{float: right; width: 30px; line-height: 30px; text-align: right; font-size: 20px; color: #333;}
.title_index .more:hover{color: #1C94E0;}
/*  */
.index1{width: 100%; padding: 24px 0; background-color: #fff;}
.index1 .text{float: left; font-size: 20px; color: #333333; line-height: 42px; height: 42px; overflow: hidden; width: 250px;}
.index1 .form_box{float: left; width: calc(100% - 250px); overflow: hidden; zoom: 1;}
.index1 .form_box .form_text{float: left; width: calc(100% - 280px); height: 42px; background-color: #F5F5F5; padding: 0 10px; outline: none; font-size: 16px; color: #333; border: 1px solid #EAEAEA;}
.index1 .form_box .form_buttom{width: 130px; float: left; margin-left: 10px; border: none; height: 42px; background-color: #1C94E0; line-height: 42px; text-align: center;}
.index1 .form_box .form_buttom span{display: inline-block; font-size: 14px; color: #fff; background-image: url(?images/idx1_icon2.png); background-repeat: no-repeat; background-position: right center; padding: 0 25px 0 0;}
.index1 .form_box .form_buttom:nth-child(1) span{background-image: url(?images/idx1_icon2.png);}
.index1 .form_box .form_buttom:nth-child(2) span{background-image: url(?images/idx1_icon1.png);}
/*  */
.index2{width: 100%; padding: 30px 0; background-color: #F5F5F5;}
.index2 .list{width: 100%; border-top: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; margin-top: 30px;}
.index2 .list li{width: calc(100% / 5); border-right: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; float: left;}
.index2 .item{width: 100%;}
.index2 .item a{display: block; width: 100%; height: 100%;}
.index2 .item .imgbox{position: relative; overflow: hidden; background-color: #fff;}
.index2 .item .imgbox::before{content: ""; display: block; padding-top: 50%;}
.index2 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.index2 .item .txtbox{padding: 10px 20px; background-color: #fff;}
.index2 .item .txtbox .text1{font-size: 16px; color: #333333; line-height: 25px;}
.index2 .item .txtbox .text2{font-size: 14px; color: #999999; line-height: 25px;}
.index2 .item:hover .imgbox .img{transform: scale(1.1);}
.index2 .list li:last-child .imgbox .img{background-size: 50px;}
.index2 .list li:last-child .item:hover .imgbox .img{transform: none}
.index2 .list li:last-child .item .imgbox .img{background-position: center 60%;}
/*  */
.index3{width: 100%; padding: 30px 0 0 0; background-color: #fff;}
.index3 .box{width: 100%; border: 1px solid #EAEAEA; display: flex; margin-top: 30px;}
.index3 .left{width: 50%; border-right: 1px solid #EAEAEA; text-align: center;}
.index3 .left img{max-width: 100%; height: auto;}
.index3 .right{width: 50%; border-left: 1px solid #EAEAEA; padding: 40px 20px 20px 30px;}
.index3 .right .text{font-size: 16px; color: #333333; line-height: 30px;}
.index3 .right .more{width: 135px; height: 42px; line-height: 38px; border: 2px solid #1C94E0; text-align: center; font-size: 14px; color: #1c94e0; float: right; margin-top: 20px;}
.index3 .right .more:hover{background-color: #1C94E0; color: #fff;}
/*  */
.index4{width: 100%; padding: 30px 0; background-color: #fff;}
.index4 .list{width: 100%; border: 1px solid #EAEAEA; margin-top: 30px;}
.index4 .item{width: 50%; height: 300px; padding: 15px; float: left;}
.index4 .item .imgbox{width: 190px; float: left; height: 100%;}
.index4 .item .imgbox .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain}
.index4 .item .txtbox{width: calc(100% - 190px); height: 100%; float: left; padding: 20px;}
.index4 .item .txtbox .text{font-size: 16px; color: #333333; line-height: 30px; height: 180px; overflow: hidden;}
.index4 .item .txtbox .mm{width: 135px; height: 42px; line-height: 38px; border: 2px solid #1C94E0; float: right; text-align: center; font-size: 14px; color: #1c94e0; margin-top: 20px;}
.index4 .item .txtbox .mm:hover{background-color: #1c94e0; color: #fff;}
/*  */
.index5{width: 100%; background-color: #F5F5F5; padding: 30px 0;}
.index5 .list{width: 100%; margin-top: 30px;}
.index5 .list li{width: 16.6666%; float: left; padding: 0 10px;}
.index5 .item{width: 100%; text-align: center;}
.index5 .item .imgbox{width: 155px; height: 155px; border-radius: 50%; position: relative; overflow: hidden; display: inline-block;}
.index5 .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%;}
.index5 .item .text{width: 100%; text-align: center; font-size: 16px; color: #333; margin-top: 10px;}
.index5 .item:hover .imgbox{transform: rotateY(360deg);}
/*  */
.foot1{width: 100%; background-color: #fff; padding: 30px 0;}
.foot1 .list{width: 100%; border: 1px solid #EAEAEA; background-color: #fff;}
.foot1 .list li{text-align: center; border-right: 1px solid #EAEAEA; float: left; width: 20%;}
.foot1 .list li:last-child{border-right: none;}
.foot1 .list li span{padding-left: 70px; display: inline-block; font-size: 16px; color: #333333; line-height: 110px; background-repeat: no-repeat; background-position: left center;}
.foot1 .list li:nth-child(1) span{background-image: url(?images/foot1_icon1.png);}
.foot1 .list li:nth-child(2) span{background-image: url(?images/foot1_icon2.png);}
.foot1 .list li:nth-child(3) span{background-image: url(?images/foot1_icon3.png);}
.foot1 .list li:nth-child(4) span{background-image: url(?images/foot1_icon4.png);}
.foot1 .list li:nth-child(5) span{background-image: url(?images/foot1_icon5.png);}
.foot1 .list li:hover span{color: #1c94e0;}
.foot2{width: 100%; background-color: #F5F5F5; padding: 30px 0;}
.foot2 .wrap{width: 100%; overflow: hidden; zoom: 1; display: flex; justify-content: space-between;}
.foot2 .QR{float: left; overflow: hidden; zoom: 1; max-width: 30%;}
.foot2 .QR .item{float: left; padding: 0 10px; text-align: center; width: 33.333%;}
.foot2 .QR .item img{width: 100px; height: 100px;}
.foot2 .QR .item .text{text-align: center; font-size: 14px; color: #333;}
.foot2 .contact{float: left; padding: 0 20px;}
.foot2 .contact ul{overflow: hidden; zoom: 1;}
.foot2 .contact ul li{font-size: 16px; color: #333; line-height: 40px; background-repeat: no-repeat; background-position: left center; padding-left: 30px;}
.foot2 .contact ul li:nth-child(1){background-image: url(?images/foot2_icon1.png);}
.foot2 .contact ul li:nth-child(2){background-image: url(?images/foot2_icon2.png);}
.foot2 .contact ul li:nth-child(3){background-image: url(?images/foot2_icon3.png);}
.foot2 .txtbox{float: left;}
.foot2 .txtbox .foot_logo{text-align: right;}
.foot2 .txtbox .foot_logo img{max-width: 100%; height: auto;}
.foot2 .txtbox .foot_tel{overflow: hidden; zoom: 1; margin-top: 15px;}
.foot2 .txtbox .foot_tel .tel{float: right;  padding-left: 40px; line-height: 35px; font-size: 30px; color: #1c94e0; font-family: Arial; font-weight: bold; background: url(?images/foot_tel.png) no-repeat left center;}
.foot3{width: 100%; background-color: #1C94E0; padding: 10px 0;}
.foot3 .text1{float: left; line-height: 35px; font-size: 14px; color: #fff;}
.foot3 .text2{float: left; line-height: 35px; font-size: 14px; color: #fff;}
.foot3 .foot_QQ{float: left;}
.foot3 .foot_QQ li{float: left; margin-left: 10px;}
.foot3 .foot_QQ li a{width: 35px; height: 35px; display: block; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
.foot3 .foot_QQ li:nth-child(1) a{background-image: url(?images/foot3_icon1.png);}
.foot3 .foot_QQ li:nth-child(2) a{background-image: url(?images/foot3_icon2.png);}
.foot3 .foot_QQ li:nth-child(3) a{background-image: url(?images/foot3_icon3.png);}
/*  */
.inner_page{padding: 25px 0;}
.sideBar_page{margin-bottom: 20px;}
.sideBar_page .side_list1{width: calc(100% + 15px); margin-bottom: 10px;}
.sideBar_page .side_list1 li{width: calc(100% / 4 - 15px); float: left; margin: 0 15px 5px 0;}
.sideBar_page .side_list1 li a{display: block; border: 1px solid #EBEBEB; line-height: 68px; height: 70px; overflow: hidden; font-size: 16px; color: #333333; text-align: center; background: linear-gradient(#e5e5e5, #ffffff)}
.sideBar_page .side_list1 li a:hover{background: #1C94E0; color: #fff;}
.sideBar_page .side_list2{width: 100%; border: 1px solid #EBEBEB;}
.sideBar_page .side_list2 li{width: calc(100% / 7); float: left; border-right: 1px solid #EBEBEB;}
.sideBar_page .side_list2 li a{display: block; height: 50px; line-height: 48px; overflow: hidden; text-align: center; font-size: 16px; color: #1C94E0; font-weight:bold;position: relative;}
.sideBar_page .side_list2 li a::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #ffffff;}
.sideBar_page .side_list2 li:last-child{border-right: none;}
.sideBar_page .side_list2 li a:hover{color: #1C94E0;}
.sideBar_page .side_list2 li a:hover::before{background-color: #1C94E0;}
.inner_bg{background-color: #EAEAEA;}
.title_inner{width: 100%; border-bottom: 1px solid #DDDDDD; overflow: hidden; padding-bottom: 20px; margin-bottom: 25px;}
.title_inner .title1{float: left; font-size: 25px; color: #333; line-height: 30px;}
.title_inner .title2{float: right; font-size: 14px; color: #333; line-height: 30px;}
.title_inner .title2 span{color: #005bac;}
/*  */
.about_page{width: 100%; overflow: hidden;}
.about_page .about_nav{width: calc(100% + 15px); overflow: hidden; zoom: 1;}
.about_page .about_nav li{ width: calc(100% / 4 - 15px); margin: 0 15px 0 0; float: left;}
.about_page .about_nav li a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #1C94E0; border-radius: 5px;}
.about_page .about_title{font-size: 20px; color: #333; line-height: 25px; background: url(?images/about_icon1.jpg) no-repeat left center; padding-left: 20px; margin-bottom: 15px;}
.about_page .text1{font-size: 16px; color: #333; line-height: 40px; padding-left: 20px;}
.about_page .imgbox{text-align: center; overflow: hidden;}
.about_page .imgbox img{max-width: 100%; height: auto;}
.about_page .box1{width: 100%; border: 1px solid #DDDDDD; margin-top: 25px; position: relative;}
.about_page .box1::before{content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background-color: #DDDDDD}
.about_page .box1 .left{width: 50%; padding: 20px;}
.about_page .box1 .right{width: 50%; padding: 20px;}
.about_page .box2{width: 100%; border: 1px solid #DDDDDD; border-top: none; padding: 20px;}
.about_page .box2 .left{width: 50%;}
.about_page .box2 .right{width: 50%;}
.about_page .box3{width: 100%; border: 1px solid #DDDDDD; border-top: none; padding: 20px;}
.about_page .box4{width: 100%; padding: 20px 0;}
.about_page .box4 .list{width: 100%; background-color: #F5F5F5; padding: 20px;}
.about_page .box4 .list li{width: 33.333%; float: left; padding: 0 10px; text-align: center;}
.about_page .box4 .imgs{text-align: center;}
.about_page .box4 .imgs img{width: 120px; height: 120px; border-radius: 50%;}
.about_page .box4 .txt1{font-size: 16px; color: #333; font-weight: bold; margin-top: 10px;}
.about_page .box4 .txt2{font-size: 16px; color: #333; margin-top: 5px;}
.about_page .box5{width: 100%; padding: 20px 0;}
.about_page .box5 .list{width: 100%;}
.about_page .box5 .list li{display: flex; align-items: center;}
.about_page .box5 .left{width: 50%; position: relative;}
.about_page .box5 .right{width: 50%; position: relative;}
.about_page .box5 .imgbox{text-align: center; overflow: hidden; font-size: 0;}
.about_page .box5 .imgbox img{width: 100%; height: auto;}
.about_page .box5 .text{font-size: 16px; color: #333; line-height: 30px; padding: 22px 20px;}
.about_page .box5 .list li:nth-child(even) .left{left: 50%;}
.about_page .box5 .list li:nth-child(even) .right{right: 50%;}

/*  */
.product_page{width: 100%; overflow: hidden;}
.product_page .about_title{border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; font-size: 16px;font-weight: bold; color: #1C94E0; margin-bottom: 25px;}
.product_page .list{width: calc(100% + 10px);}
.product_page .list li{width: calc(100% / 3 - 10px); float: left; margin: 0 10px 10px 0;}
.product_page .item{width: 100%; border: 1px solid #EAEAEA;}
.product_page .item a{display: block; width: 100%; height: 100%;}
.product_page .item .imgbox{position: relative; overflow: hidden; background-color: #fff;}
.product_page .item .imgbox::before{content: ""; display: block; padding-top: 75%;}
.product_page .item .imgbox .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.product_page .item .txtbox{width: 100%; border-top: 1px solid #EAEAEA; padding: 5px 10px;}
.product_page .item .txtbox .text1{font-size: 16px; color: #333; line-height: 25px;}
.product_page .item .txtbox .text2{font-size: 16px; color: #333; line-height: 25px;}
.product_page .item:hover{border-color: #1C94E0;}
.product_page .item:hover .imgbox .img{transform: scale(1.1);}
.product_page .item:hover .txtbox{background-color: #1C94E0;}
.product_page .item:hover .txtbox .text1{color: #fff;}
.product_page .item:hover .txtbox .text2{color: #fff;}
/*  */
.productShow_page{width: 100%; overflow: hidden;}
.productShow_page .box1{margin-bottom: 30px;}
.productShow_page .box1 .left{width: 50%; padding-right: 20px;}
.productShow_page .box1 .left .imgbox{height: 400px; position: relative; text-align: center; overflow: hidden; border: 1px solid #E6E6E6;}
.productShow_page .box1 .left .imgbox img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; max-height: 100%;}
.productShow_page .box1 .right{width: 50%;}
.productShow_page .box1 .title{font-size: 25px; color: #333; margin-bottom: 20px;}
.productShow_page .box1 .text1{font-size: 16px; color: #333; line-height: 30px;}
.productShow_page .box1 .imgList{width: 100%; overflow: hidden; zoom: 1; margin-top: 20px;}
.productShow_page .box1 .imgList li{width: 33.333%; padding: 0 10px; float: left;}
.productShow_page .box1 .imgList .imgs{width: 100%; border: 1px solid #E6E6E6; position: relative;}
.productShow_page .box1 .imgList .imgs::before{content: ""; display: block; padding-top: 65%;}
.productShow_page .box1 .imgList .imgs img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.productShow_page .box1 .list1{width: 100%; margin-top: 20px;}
.productShow_page .box1 .list1 li{width: 25%; float: left; text-align: center;}
.productShow_page .box1 .list1 li span{display: inline-block; font-size: 16px; color: #333; line-height: 30px; padding-left: 40px; background-repeat: no-repeat; background-position: left center;}
/*.productShow_page .box1 .list1 li:nth-child(1) span{background-image: url(?images/proShow_icon1.png);}
.productShow_page .box1 .list1 li:nth-child(2) span{background-image: url(?images/proShow_icon2.png);}
.productShow_page .box1 .list1 li:nth-child(3) span{background-image: url(?images/proShow_icon3.png);}
.productShow_page .box1 .list1 li:nth-child(4) span{background-image: url(?images/proShow_icon4.png);}*/
.productShow_page .box1 .operation{width: 100%; margin-top: 20px; overflow: hidden;}
.productShow_page .box1 .operation .btns{width: 60%; float: left;}
.productShow_page .box1 .operation .btns a{width: calc(50% - 20px); float: left; margin: 0 20px 0 0; border-radius: 5px; overflow: hidden; border: 2px solid #1C94E0; height: 40px; line-height: 36px; text-align: center; font-size: 14px; color: #333;}
.productShow_page .box1 .operation .btns a:nth-child(1){background-color: #1C94E0; color: #fff;}
.productShow_page .box1 .operation .telBox{width: 40%; float: left; text-align: right;}
.productShow_page .box1 .operation .telBox .tel{display: inline-block; font-size: 24px; line-height: 40px; color: #ff0000; font-family: Arial; font-weight: bold; padding-left: 45px; background: url(?images/proShow_icon5.png) no-repeat left center;}
.productShow_page .box{width: 100%; margin-bottom: 30px; border-bottom: 1px solid #E6E6E6; padding-bottom: 30px;}
.productShow_page .proShow_nav{width: calc(100% + 15px); overflow: hidden; zoom: 1;}
.productShow_page .proShow_nav li{ width: calc(100% / 4 - 15px); margin: 0 15px 0 0; float: left;}
.productShow_page .proShow_nav li a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #1C94E0; border-radius: 5px;}
.productShow_page .title{font-size: 16px; color: #333333; font-weight: bold; margin-bottom: 20px;}
.productShow_page .text1{font-size: 16px; color: #333; line-height: 30px;}
.productShow_page .text1 img{max-width: 100%;height: auto;}

.productShow_page .box3{width: 100%; border-bottom: 1px solid #E6E6E6; padding-bottom: 30px;}
.productShow_page .table_box{overflow-x: auto}
.productShow_page .box table{/*width: 53%;*/border-collapse:collapse;font-size: 14px!important;}
.productShow_page .box table td{ line-height:22px;border-bottom:1px solid #ccc!important;border-right-width: 0px!important;border-left-width:0px!important;border-top-width:0px!important;} 
.productShow_page .tableBox{border-color: #eee; width: 100%;}
.productShow_page .tableBox td{padding: 10px 0; text-align: center;}
.productShow_page .tableBox td.bg{background-color: #D8E8F7;}
.productShow_page .list2{width: 90%; margin: 30px auto 0 auto;}
.productShow_page .list2 li{width: 20%; float: left; position: relative;}
.productShow_page .list2 li::before{content: ">"; position: absolute; top: 40px; right: -10px; margin: auto; width: 20px; height: 20px; line-height: 20px; font-size: 20px; color: #333; text-align: center; font-family: "宋体";}
.productShow_page .list2 li:last-child::before{display: none;}
.productShow_page .list2 .imgbox{text-align: center;}
.productShow_page .list2 .imgbox img{width: 114px; height: 121px;}
.productShow_page .list2 .text{font-size: 16px; color: #333; line-height: 30px; text-align: center; margin-top: 10px;}
.productShow_page .list3{width: calc(100% + 10px);}
.productShow_page .list3 li{width: calc(100% / 3 - 10px); float: left; margin: 0 10px 10px 0;}
.productShow_page .list3 .item{width: 100%; border: 1px solid #EEEEEE;}
.productShow_page .list3 .item .imgs{position: relative; overflow: hidden;}
.productShow_page .list3 .item .imgs::before{content: ""; display: block; padding-top: 69%;}
.productShow_page .list3 .item .imgs .img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; max-height: 100%;}
.productShow_page .list3 .item .text{width: 100%; text-align: center; font-size: 16px; color: #333; height: 45px; line-height: 44px; border-top: 1px solid #EEEEEE;}
.productShow_page .list3 .item:hover .img{transform: scale(1.1);}
.productShow_page .list3 .item:hover .text{background-color: #1C94E0; color: #fff;}
/*  */
.service_page{width: 100%; overflow: hidden;}
.service_page .service_nav{width: calc(100% + 15px); overflow: hidden; zoom: 1;}
.service_page .service_nav li{ width: calc(100% / 4 - 15px); margin: 0 15px 0 0; float: left;}
.service_page .service_nav li a{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #000; border: 1px solid #1C94E0; border-radius: 5px;}
.service_page .service_nav li a:hover{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #1C94E0; border-radius: 5px;}
.service_page .service_nav li a.act{display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #1C94E0; border-radius: 5px;}

.service_page .box1{width: 100%; margin-top: 30px;}
.service_page .box1 .left{width: 20%;}
.service_page .box1 .right{width: 80%; padding-left: 30px;}
.service_page .box1 .imgbox{text-align: center; overflow: hidden;}
.service_page .box1 .imgbox img{max-width: 100%; height: auto;}
.service_page .box1 .text{font-size: 16px; color: #333; line-height: 30px;}
/*  */
.contact_page{width: 100%; overflow: hidden;}
.contact_page .box1{width: 100%; margin-bottom: 30px;}
.contact_page .left{width: 50%; padding: 50px;}
.contact_page .left .text{font-size: 16px; color: #333; line-height: 40px;}
.contact_page .right{width: 50%;}
.contact_page .right .imgbox{text-align: center; overflow: hidden;}
.contact_page .right .imgbox img{width: 100%; height: auto;}




@media (max-width: 1199px){
	.header .languageBox{width: 12%}
	.header .languageBox .languageSelect{right: -12px}
    .header .header_content .logo img{width: 230px;}

    .banner .img{height: 320px;}
    .banner_nav .nav_list{padding: 0 10px; border-top: 2px solid #1C94E0;}
    .banner_nav .item .nav_down{height: 20px}
    .banner_nav .item{padding: 2px 0;}
    .banner_nav .item .nav_title{height: 20px; line-height: 20px; font-size: 13px;}
    .banner_nav .item .nav_down a{height: 20px; line-height: 20px; font-size: 12px;}
    .banner_nav .item .nav_title a{font-size: 14px; height: 30px; line-height: 30px;}
    .index1 .text{font-size: 16px; width: 200px; height: 35px; line-height: 35px;}
    .index1 .form_box{width: calc(100% - 200px);}
    .index1 .form_box .form_text{width: calc(100% - 220px); height: 35px; font-size: 14px;}
    .index1 .form_box .form_buttom{width: 100px; height: 35px; line-height: 35px;}
    .index2 .item .txtbox{padding: 5px 10px;}
    .index2 .item .txtbox .text1{font-size: 14px; line-height: 20px;}
    .index2 .item .txtbox .text2{font-size: 12px; line-height: 20px;}
    .index3 .right{padding: 30px 10px 10px 20px;}
    .index3 .right .text{font-size: 14px;}
    .index3 .right .more{width: 100px; height: 35px; line-height: 33px; border: 1px solid #1C94E0;}
    .index4 .item{padding: 10px;}
    .index4 .item .txtbox{padding: 10px;}
    .index4 .item .txtbox .text{font-size: 14px;}
    .index4 .item .txtbox .mm{width: 100px; height: 35px; line-height: 33px; border: 1px solid #1C94E0;}
    .index5 .item .imgbox{width: 120px; height: 120px;}
    .foot2 .QR .item{padding: 0 5px;}
    .foot2 .QR .item img{width: 80px; height: 80px;}
    .foot2 .contact ul li{font-size: 14px; line-height: 35px;}
    .foot2 .txtbox .foot_logo img{width: 300px;}
    /*  */
    .banner_nav{height: auto; top: 100px}
    .banner_inner .banner_txt{padding-top: 50px;}
    .banner_inner .banner_txt .text1{font-size: 24px;}
    .banner_inner .banner_txt .text1 span{font-size: 24px;}
    .banner_inner .banner_txt .text2{font-size: 12px; margin-top: 5px;}
    .sideBar_page{margin-bottom: 15px;}
    .sideBar_page .side_list1 li a{font-size: 14px; height: 50px; line-height: 48px;}
    .sideBar_page .side_list2 li a{height: 40px; line-height: 38px;}
    .about_page .text1{font-size: 14px; line-height: 30px;}
    .about_page .box5 .text{font-size: 14px; line-height: 30px;}
    .productShow_page .box1 .title{font-size: 20px;}
    .productShow_page .box1 .text1{font-size: 14px;}
    .productShow_page .box1 .list1 li span{font-size: 14px;}
    .service_page .box1 .left{width: 25%;}
    .service_page .box1 .right{width: 75%;}
    .contact_page .left{padding: 20px;}
    .contact_page .left .text{font-size: 14px; line-height: 30px;}
    


}

@media (min-width:992px){
    .header .header_nav{display: block !important;}
}

@media (max-width:991px){
    .header .header_content{height: 90px; position: relative; top: 0; left: 0; z-index: 8; box-shadow: 3px 3px 10px 0 #bbb;}
    .header .header_content .left{width: 70%;}
    .header .header_content .right{width: 30%;}
    .header .languageBox{width: 100px; margin-right: 20%; float: left;}
    .header .languageBox .languageSelect{right: -15px}
    .header .top_search{width: 10%; float: right;}
    .header .header_nav{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.5); display: none;}
    .header .header_nav .navBox{width: 60%; height: 100%; position: absolute; left: -60%; top: 0; background-color: #fff;}
    .header .header_nav .item{width: 100%; height: 50px;}
    .header .header_nav .item>a{color: #333; line-height: 47px; font-size: 14px;}
    .header .header_nav .item:after{width: 100%; height: 1px; right: 0; top: auto;}
    .header .header_nav .item:last-child:after{display: block;}
    .header .header_nav .nav_down{display: none !important;}
    .banner{padding-top: 0;}
    .banner .img{height: auto; padding-top: 53%;}
    .banner_nav{display: none;}
    .banner_inner{margin-top: 0;}
    .banner_inner .banner_txt{padding-top: 30px;}
    .banner_inner .banner_txt .text1{font-size: 20px;}
    .banner_inner .banner_txt .text1 span{font-size: 20px;}
    .title_index .title1 .tit{font-size: 20px;}
    .title_index .title1 .tit span{font-size: 20px;}
    .index1{padding: 20px 0;}
    .index1 .text{font-size: 14px; line-height: 30px; height: 30px; width: 170px;}
    .index1 .form_box{width: calc(100% - 170px);}
    .index1 .form_box .form_text{height: 30px;}
    .index1 .form_box .form_buttom{height: 30px; line-height: 30px;}
    .index2{padding: 20px 0;}
    .index2 .list{margin-top: 20px;}
    .index3{padding: 20px 0 0 0;}
    .index3 .box{margin-top: 20px;}
    .index3 .right{padding: 10px;}
    .index3 .right .text{line-height: 25px;}
    .index4{padding: 20px 0;}
    .index4 .list{margin-top: 20px;}
    .index4 .item .txtbox .text{line-height: 25px; height: 200px;}
    .index5{padding: 20px 0;}
    .index5 .list{margin-top: 20px;}
    .index5 .list li{padding: 0 5px;}
    .index5 .item .imgbox{width: 100px; height: 100px;}
    .index5 .item .text{font-size: 14px;}
    .foot1{padding: 20px 0;}
    .foot1 .list li span{padding-left: 60px; line-height: 80px; font-size: 14px;}
    .foot2 .QR{display: none;}
    /*  */
    .inner_page{padding: 20px 0;}
    .title_inner{margin-bottom: 20px; padding-bottom: 15px;}
    .title_inner .title1{font-size: 20px; line-height: 25px;}
    .title_inner .title2{font-size: 12px; line-height: 25px;}
    .about_page .about_nav li a{height: 30px; line-height: 30px;}
    .about_page .box1{margin-top: 20px;}
    .about_page .text1{line-height: 25px;}
    .about_page .box5 .text{line-height: 25px; overflow: hidden; padding: 0 20px;}
    .productShow_page .box1 .title{font-size: 18px;}
    .productShow_page .box1 .operation .btns{width: 100%;}
    .productShow_page .box1 .operation .telBox{width: 100%; text-align: left;}
    .service_page .box1{margin-top: 20px;}
    .service_page .box1 .left{width: 30%;}
    .service_page .box1 .right{width: 70%;}
    .service_page .service_nav li a{height: 50px; line-height: 50px;}


}

@media (max-width:750px){
	.productShow_page .text1 img{height: auto!important;}
	.productShow_page .box table{width: 100%!important;}
	.foot3 .text1 a{width: 100%;display: block;}
    .header .header_content{height: 80px;}
    .header .header_content .logo{width: 85%;}
    .header .header_content .logo img{width: 200px;}
    .header .top_search{display: none;}
    .header .header_content .left{width: 60%;}
    .header .header_content .right{width: 40%;}
    .header .languageBox{width: 80px; margin-right: 0;}
    .header .languageBox .language{font-size: 14px;}
    .header .languageBox .languageSelect{right: -25px}
    .banner{margin-top: 0;}
    .banner_inner{margin-top: 0; height: 100px}
    .banner_inner .img{height: 100%}
    .banner_inner .banner_txt{display: none;}
    .title_index .title1 .tit{font-size: 18px;}
    .title_index .title1 .tit span{font-size: 18px;}
    .index1{display: none;}
    .index2 .list li{width: calc(100% / 3);}
    .index2 .list li:last-child{display: none;}
    .index2 .item .imgbox::before{padding-top: 85%;}
    .index3 .box{display: block;}
    .index3 .left{width: 100%;}
    .index3 .right{width: 100%;}
    .index3 .right .more{display: block; margin: 10px auto 0 auto; float: none;}
    .index4{display: none;}
    .index5{display: none;}
    .foot1{display: none;}
    .foot2{padding: 15px 0;}
    .foot2 .wrap{display: block;}
    .foot2 .contact{width: 100%; padding: 0;}
    .foot2 .contact ul li{line-height: 25px;}
    .foot2 .txtbox{width: 100%;}
    .foot2 .txtbox .foot_logo{text-align: left; display: none;}
    .foot2 .txtbox .foot_tel{margin-top: 5px;}
    .foot2 .txtbox .foot_tel .tel{float: left; font-size: 18px;}
    .foot3 .foot_QQ{display: none;}
    .foot3 .text1{width: 100%; text-align: center; line-height: 20px;}
    .foot3 .right{width: 100%;}
    .foot3 .text2{width: 100%; text-align: center; line-height: 20px;}
    /*  */
    .inner_page{padding: 15px 0;}
    .sideBar_page .side_list1{width: calc(100% + 10px);}
    .sideBar_page .side_list1 li{width: calc(100% / 2 - 10px); margin: 0 10px 5px 0;}
    .sideBar_page .side_list1 li a{height: 30px; line-height: 28px; font-size: 12px;}
    .sideBar_page .side_list2 li{width: calc(100% / 2);}
    .sideBar_page .side_list2 li a{height: 30px; line-height: 30px;}
    .title_inner{margin-bottom: 15px; padding-bottom: 10px;}
    .title_inner .title1{font-size: 18px;}
    .title_inner .title2{display: none;}
    .about_page .about_nav{width: calc(100% + 10px);}
    .about_page .about_nav li{width: calc(100% / 4 - 10px); margin: 0 10px 0 0;}
    .about_page .about_nav li a{font-size: 14px;}
    .about_page .box1{margin-top: 15px;}
    .about_page .box1::before{display: none;}
    .about_page .box5 .list li{display: block;}
    .about_page .box1 .left{padding: 10px; width: 100%; border-right: none; border-bottom: 1px solid #DDDDDD;}
    .about_page .box1 .right{width: 100%; padding: 10px;}
    .about_page .about_title{font-size: 16px; line-height: 20px; margin-bottom: 10px;}
    .about_page .text1{font-size: 12px; line-height: 20px; padding: 0;}
    .about_page .box2{padding: 10px;}
    .about_page .box2 .left{width: 100%;}
    .about_page .box2 .right{width: 100%; margin-top: 10px;}
    .about_page .box3{padding: 10px;}
    .about_page .box4{padding: 10px 0;}
    .about_page .box4 .list{padding: 10px;}
    .about_page .box4 .list li{padding: 0 5px;}
    .about_page .box4 .imgs img{width: 100px; height: 100px;}
    .about_page .box4 .txt1{font-size: 14px; margin-top: 5px;}
    .about_page .box4 .txt2{font-size: 12px;}
    .about_page .box5{padding: 10px 0;}
    .about_page .box5 .left{width: 100%;}
    .about_page .box5 .right{width: 100%;}
    .about_page .box5 .text{padding: 10px 0;}
    .about_page .box5 .list li:nth-child(even) .left{left: 0;}
    .about_page .box5 .list li:nth-child(even) .right{right: 0;}
    .product_page .item .txtbox .text1{font-size: 14px;}
    .product_page .item .txtbox .text2{font-size: 14px;}
    .product_page .about_title{margin-bottom: 15px;}
    .product_page .list li{width: calc(100% / 2 - 10px);}
    .product_page .item .txtbox .text1{font-size: 12px;}
    .productShow_page .box1{margin-bottom: 15px;}
    .productShow_page .box1 .left .imgbox{height: 200px}
    .productShow_page .box1 .left{width: 100%; padding: 0;}
    .productShow_page .box1 .right{width: 100%; margin-top: 15px;}
    .productShow_page .box1 .title{font-size: 16px; margin-bottom: 10px;}
    .productShow_page .box1 .text1{font-size: 12px; line-height: 20px;}
    .productShow_page .box1 .imgList{margin-top: 10px;}
    .productShow_page .box1 .imgList li{padding: 0 5px;}
    .productShow_page .box1 .list1 li span{font-size: 12px; padding-left: 30px;}
    .productShow_page .box1 .operation .btns a{width: calc(50% - 10px); margin: 0 10px 0 0; }
    .productShow_page .box1 .operation .telBox .tel{margin-top: 10px;}
    .productShow_page .proShow_nav{width: calc(100% + 10px);}
    .productShow_page .proShow_nav li{width: calc(100% / 4 - 10px); margin: 0 10px 0 0;}
    .productShow_page .proShow_nav li a{font-size: 14px; height: 30px; line-height: 30px;}
    .productShow_page .box{margin-bottom: 15px; padding-bottom: 15px;}
    .productShow_page .title{font-size: 14px; margin-bottom: 15px;}
    .productShow_page .text1{font-size: 14px; line-height: 25px;}
    .productShow_page .list2{width: 100%;}
    .productShow_page .list2 .imgbox img{width: 80px; height: 85px;}
    .productShow_page .list2 li::before{display: none;}
    .productShow_page .list2 .text{font-size: 12px;}
    .productShow_page .list3 .item .text{font-size: 12px;}
    .service_page .service_nav{width: calc(100% + 10px);}
    .service_page .service_nav li{width: calc(100% / 4 - 10px); margin: 0 10px 0 0;}
    .service_page .service_nav li a{font-size: 14px;}
    .service_page .box1 .left{width: 100%;}
    .service_page .box1 .right{width: 100%; padding: 0; margin-top: 15px;}
    .service_page .box1 .text{font-size: 14px; line-height: 25px;}
    .contact_page .box1{margin-bottom: 15px;}
    .contact_page .left{width: 100%; padding: 0;}
    .contact_page .left .text{font-size: 12px; line-height: 25px;}
}
.page-map{background: #1C94E0;padding:10px 25px;height: calc(100% - 78px);margin:34px 0px;}
.page-map .box .bt{line-height: 48px;font-weight: bold;}
.page-map .box .bt a{color:#fff;font-size:16px;}
.page-map .box .dh{background: #fff;display: flex;flex-wrap: wrap;padding:16px 5px;}
.page-map .box .dh a{line-height: 35px;font-size:14px;color:#333;margin:0 25px;display: block;}
.page-map .box .dh a:hover{color:#00a6cf;text-decoration: underline !important;}
.jlfanye{ width:100%;margin:0 auto; text-align: center; }
.jlfanye a{ padding:5px 6px;  border: solid 1px #dedede; float:none; display: inline-block; min-width:8px; margin:8px 2px; color:#999;}
.jlfanye a:hover{ color:#c41313;}
<!--0.00023007392883301-->