@charset "utf-8";
*{ margin:0px; padding:0px;}
body{ font-size:14px; background:#fff; overflow-x:hidden; font-family:"微软雅黑";}
ul,li{ list-style:none;}
ol, ul{margin: 0px;}
img{ border:0px; }
.clr{ clear:both;}
p {margin: 0px;}
.h1, .h2, .h3, .h4, .h5, .h6, h4, h5, h6{margin: 0px;}
.h1, .h2, .h3, h1, h2, h3 {margin: 0px;}
a{ text-decoration:none; color:#666;}
a:hover{text-decoration:none; }
/* index.strat */

/* 导航>>>>联系电话 */
.nav-top{height: 38px;background-color: #f6f6f6;border-bottom: 1px solid #cacaca;width: 100%;}
.nav-top .top{width: 100%;max-width: 1259px;margin: 0 auto;text-align: right;height: auto;overflow: hidden;}
.nav-top .top .top-tel{width: 27%;float: right;color: #043f88;margin: 10px 0px;}
.nav-top .top .top-tel p{float: left;color: #043f88;display: block;}
.nav-top .top .top-tel p i{color: #043f88;padding: 5px;font-style: normal;}
.nav-top .top .top-tel span{float: left;color: #cacaca;display: block;}
.nav-top .top .top-tel .english{color: red;display: block;}
/* 导航 */
.navbar{height: 98px;background-color: #fff;margin: 0px; border: none;}
.container{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;padding: 0px;}
.navbar-header{height: auto;}
.navbar-brand{padding: 0px;}
.navbar-brand .img-top{float: left;margin: 17px;}
.navbar-brand .nav_title{float: left;margin: 18px auto;}
.navbar-brand .nav_title h1{font-size: 30px;font-weight: bold;color: #043f88;}
.navbar-brand .nav_title P{font-size: 14px;color: #043f88;line-height: 30px;}
.navbar-nav {margin: 27px auto;}
.navbar-nav li{color: #000;font-size: 16px;padding: 10px 0px 10px 50px;}
.navbar-nav li .active{color: #043f88;font-size: 16px;}
.navbar-nav li a:hover{background-color: #fff;color: #043f88; transition: all .3s ease-in-out;}
.navbar-nav li i {width:0; height:4px; background:#043f88; position:absolute; bottom: -41px; left:50%;  transition: all .3s ease-in-out;}
.navbar-nav li:hover i{ width:100%;transition: all .3s ease-in-out; left:0px;}
.navbar-nav li .active i{width: 100%; left: 0px;}
.nav>li>a{padding: 0px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #fff;border: none;}
.dropdown-menu>li>a{padding: 0px;}
.navbar-collapse{padding: 0px;}
.nav-float{float:right;}
.language{display: none !important;}

/* 轮播 */
.home-banner{display: block;width: 100%;}
.wap-banner{display: none;width: 100%;}
.swiper-slide img{width: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.swiper-pagination-bullet{width: 10px;height: 10px;background: rgb(218, 217, 217);opacity: .8;}
.swiper-pagination-bullet-active{background: #043f88;border-radius: 100px;width: 50px;height: 10px;transition: 1.5s;}

/* 公司介绍 */
.ind-about {width: 100%;height: auto; overflow: hidden;background-color: #fff;padding: 110px 0px 55px 0px;}
.ind-about .ind-about-con{width: 100%;max-width: 1259px;height: auto;overflow: hidden;margin: 0 auto;}
.ind-about .ind-about-con .about-content{width: 100%;max-width: 1259px;height: auto;overflow: hidden;background-color: #f6f7fb;height: 410px;}
.ind-about .ind-about-con .about-content .content-left{width: 50%;float: left; height: auto;overflow: hidden;background-color: #f6f7fb;height: 410px;padding: 50px 36px;}
.ind-about .ind-about-con .about-content .content-left h2{float: left; font-size: 24px;color: #043f88;font-weight: bold;margin-bottom: 35px;}
.ind-about .ind-about-con .about-content .content-left p{float: left;font-size: 16px;line-height: 24px; color: #5f5f5f;margin-bottom: 15px;}
.ind-about .ind-about-con .about-content .content-left span{float: left;font-size: 14px;line-height: 26px; color: #959595;margin-top: 35px;}
.ind-about .ind-about-con .about-content .content-left .left-hr{height: 4px;width: 55px;background-color: #eb0b07;margin-bottom: 20px;}
.ind-about .ind-about-con .about-content .content-right{width: 50%;float: left; height: auto;overflow: hidden;height: 410px;}
.ind-about .ind-about-con .about-content .content-right .video-img{width: 100%;}
.ind-about .ind-about-con .about-list {width: 100%;max-width: 1259px;height: auto;overflow: hidden;margin: 0 auto;}
.ind-about .ind-about-con .about-list ul{width: 100%;height: auto;overflow: hidden;padding-top: 45px;}
.ind-about .ind-about-con .about-list ul li{width: 13%;float: left;margin: 0 6%;text-align: center;}
.ind-about .ind-about-con .about-list ul li img{width: 100%;max-width: 157px;transition: 0.5s; filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.ind-about .ind-about-con .about-list ul li:hover img{transition: 0.3s; transform: scale(1.1);filter: grayscale(0);-webkit-filter: grayscale(0);-o-filter: grayscale(0);-ms-filter: grayscale(0);-moz-filter: grayscale(0);}
.ind-about .ind-about-con .about-list ul li p{float: left;font-size: 18px;padding:15px;text-align: center;width: 100%;}
.brand_video{width: 100%;height:410px;margin: 0 auto;position: relative;z-index: 1;}
.brand_bg {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 9999;}
..ind-about .ind-about-con .about-content .content-right:visited {background:none;}
.video_pay {width: 39px;height: 39px;position: absolute;top: 45%;left: 47%;z-index: 9999999;cursor: pointer;background: url(../images/ind_play.png) center no-repeat;cursor: pointer;background-size: 39px;}
.brand_video img {width: 100%;height: 100%;}
.brand_video video {width: 100%;height: 410px;position: relative;z-index: 1;}

/* 产品中心 */
.ind-product{width: 100%;height: auto; overflow: hidden;background-color: #f6f7fb;padding: 85px 0px 55px 0px;}
.ind-product .ind-product-con{width: 100%;max-width: 1259px;height: auto;margin: 0 auto;}
.hr-title{width: 100%;}
.hr-title h2{font-size: 24px;color: #043f88;font-weight: bold;position: relative;margin: 0 auto;text-align: center;}
.hr-title h2::before{content: "";position: absolute;width: 5%;height: 3px;top: -20px;left: 47.5%;background-color: #eb0b07;}
.ind-product .ind-product-con .product-list {padding-top: 45px;}
.ind-product .ind-product-con .product-list .product-li{padding: 10px;background-color: #fff;border-radius: 5px;box-shadow: 1px 3px 0px #f5f5f5;}
.ind-product .ind-product-con .product-list .product-li p{padding: 15px;text-align: center;}
.ind-product .ind-product-con .product-list .product-li img{border-radius: 5px;}
.swiper-container-3d{padding: 20px 0px;}
.ind-product .ind-but{margin-top: 50px;}
.ind-but{width: 140px;transition: 0.5s; border: 1px solid #e8e7e7;border-radius: 100px;margin: 0 auto;background-color: #fff;}
.ind-but p{color: #959595;font-size: 16px;line-height: 36px;text-align: center;}
.ind-but:hover{transform: scale(1.1);transition: 0.5s;}

/* 新闻中心 */
.ind-new{width: 100%;height: auto; overflow: hidden;background-color: #fff;padding: 85px 0px 55px 0px;}
.ind-new .ind-new-con{width: 100%;max-width: 1259px;height: auto;margin: 0 auto;}
.hr-title{width: 100%;}
.hr-title h2{font-size: 24px;color: #043f88;font-weight: bold;position: relative;margin: 0 auto;text-align: center;}
.hr-title h2::before{content: "";position: absolute;width: 5%;height: 3px;top: -20px;left: 47.5%;background-color: #eb0b07;}
.ind-new .ind-new-con .new-list {padding-top: 45px;}
.ind-new .ind-new-con .new-list ul{width: 100%;border: 1px solid #e5e4e4;height: auto;overflow: hidden;}
.ind-new .ind-new-con .new-list ul li{width:33.333333333%;height: 420px;float: left;}
.ind-new .ind-new-con .new-list ul li .new-con{width: 100%;position: relative;height: 420px;}
.ind-new .ind-new-con .new-list ul li .new-img{width: 100%;position: absolute;height: 50%;top: 0%;transition: 1s;}
.ind-new .ind-new-con .new-list ul li .new-img img{width: 100%;position: absolute;height: 100%;}
.ind-new .ind-new-con .new-list ul li .new-text{width: 100%;position: absolute;height: 50%;bottom: 0%;background-color: #fff;transition: 0.5s;border-left: 1px solid #e5e4e4;border-right: 1px solid #e5e4e4;}
.ind-new .ind-new-con .new-list ul li .new-text {padding: 20px;}
.ind-new .ind-new-con .new-list ul li .new-text h3{font-size: 16px;color: #5e5d5d;font-weight: bold;float: left;width: 100%;margin-bottom: 20px;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;}
.ind-new .ind-new-con .new-list ul li .new-text p{font-size: 14px;color: #666666;float: left;width: 100%;line-height: 24px;margin-bottom: 20px;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3 ;word-wrap: break-word;word-break: break-all;}
.ind-new .ind-new-con .new-list ul li .new-text span{font-size: 14px;color: #999;float: left;width: 100%;line-height: 24px;}
.ind-new .ind-new-con .new-list ul li:nth-child(2) .new-text{bottom: 50%;}
.ind-new .ind-new-con .new-list ul li:nth-child(2) .new-img{top: 50%;}
.ind-new .ind-new-con .new-list ul li:nth-child(2):hover .new-text{bottom: 0%;}
.ind-new .ind-new-con .new-list ul li:nth-child(2):hover .new-img{top: 0%;}
.ind-new .ind-new-con .new-list ul li:hover .new-img{transition: 0.5s;top:50%;}
.ind-new .ind-new-con .new-list ul li:hover .new-text{transition: 0.5s;bottom:50%;}
.ind-new .ind-but{margin-top: 50px;}

/* footer */
.footer{width: 100%;height: auto; overflow: hidden;background-color: #f6f7fb;padding: 50px 0px 40px 0px;border-top: rgb(200, 200, 200) 1px solid;}
.footer .footer-con{width: 100%;max-width: 1259px;height: auto;margin: 0 auto;}
.footer .footer-con .con-list{width: 100%; height:auto;overflow: hidden;}
.footer .footer-con .con-list .list1{width: 35%;float: left;}
.footer .footer-con .con-list .list1 h3{font-size: 18px;color: #696868;float: left;width: 100%;font-weight: bold;margin-bottom: 20px;}
.footer .footer-con .con-list .list1 p{float: left;width: 100%;font-size: 14px;color: #565657;line-height: 26px;}
.footer .footer-con .con-list .list2{float: left;width: 35%;}
.footer .footer-con .con-list .list2 h3{font-size: 18px;color: #696868;float: left;width: 100%;font-weight: bold;margin-bottom: 20px;}
.footer .footer-con .con-list .list2 a{float: left;font-size: 14px;color: #565657;margin-right: 10px;line-height: 26px;}
.footer .footer-con .con-list .list2 .zhichi{float: left;font-size: 14px;color: #565657;margin-right: 10px;line-height: 26px;margin-top: 20px;}
.footer .footer-con .con-list .list3 {float: left;width: 30%;padding: 10px;}
.footer .footer-con .con-list .list3 img{float: left;margin-right: 20px;}
.footer .footer-con .con-list .list3 h3{float: left;font-size: 18px;color: #565657;font-weight: bold;margin: 20px 0px;}
.footer .footer-con .con-list .list3 span{color: #043f88;}
.footer .footer-con .con-list .list3 p{float: left;font-size: 16px;color: #565657;line-height: 23px;}
.footer2{width: 100%;height: auto; overflow: hidden;background-color: #e3e6f0;padding: 20px 0px;text-align: center;}
.footer2 p{font-size: 14px;color: #6c6d6e;}




@media screen and (max-width: 768px) and (min-width: 320px){
    .navbar{height: 60px;}
    .nav-top{display: none;}
    .navbar-brand{padding: 5px;}
    .navbar-brand .img-top{    margin: 8px;width: 15%;}
    .navbar-brand .nav_title{margin: 15px 0px;}
    .navbar-brand .nav_title h1{font-size: 16px;}
    .navbar-brand .nav_title P{display: none; font-size: 12px; line-height: 24px;}
    .navbar-toggle{display: block !important;margin-right: 10px;margin-top: 0px;}
    .navbar-toggle .icon-bar{background-color: #043f88;width: 25px;margin: 5px;}
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 381px;position: fixed;background-color: #fff;float: none;text-align: center;width: 100%;}
    .wap-banner{display: block;}
    .home-banner{display: none;}
    .navbar-nav li i {display: none;}
    .navbar-nav li{padding: 10px;text-align: center;}
    .navbar-nav{margin: 10px auto;}
    .navbar-nav .open .dropdown-menu  li{padding: 5px;text-align: center;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin: 0px;width: 100%;}
    .nav-float{float: left;}
    .language{display: block !important; color: red;}
    .language a{color: red;}

    .ind-about{padding: 20px;}
    .ind-about .ind-about-con .about-content{height: auto;}
    .ind-about .ind-about-con .about-content .content-left{width: 100%;height: auto;padding: 10px;}
    .ind-about .ind-about-con .about-content .content-right{width: 100%;height: auto;}
    .ind-about .ind-about-con .about-content .content-left .left-hr{height: 2px;margin-bottom: 5%;}
    .ind-about .ind-about-con .about-content .content-left h2{font-size: 20px;margin-bottom: 3%;}
    .ind-about .ind-about-con .about-content .content-left p{font-size: 14px;line-height: 20px;}
    .ind-about .ind-about-con .about-content .content-left span{margin-top: 5%;}
    .ind-about .ind-about-con .about-list ul{margin-top: 5%;padding-top: 2%;}
    .ind-about .ind-about-con .about-list ul li{width: 38%;}
    .ind-about .ind-about-con .about-list ul li p{font-size: 16px;padding: 8px;}
    .brand_video{height: auto;}
    .brand_video video{height: auto;}
    .video_pay{top: 38%;left: 43%;}

    .ind-product{padding: 20px;padding-top: 30px;}
    .hr-title h2{font-size: 20px;}
    .hr-title h2::before{width: 14%;top: -10px;height: 2px;left: 43%;}
    .ind-product .ind-product-con .product-list{padding-top: 20px;}
    .swiper-container-3d{padding: 0px;}
    .ind-product .ind-product-con .product-list .product-li {padding: 5px;}
    .ind-product .ind-product-con .product-list .product-li p{padding: 5px 0px;}
    .ind-product .ind-but{margin-top: 20px;}
    .ind-but p{font-size: 14px;line-height: 30px;}

    .ind-new{padding: 20px;padding-top: 30px;}
    .ind-new .ind-new-con .new-list{padding-top: 20px;}
    .ind-new .ind-new-con .new-list ul li{width: 100%;height: 320px;}
    .ind-new .ind-new-con .new-list ul li .new-con{height: 320px;}
    .ind-new .ind-new-con .new-list ul li .new-text p{margin-bottom: 3%;}
    .ind-new .ind-new-con .new-list ul li .new-text h3{margin-bottom: 3%;font-size: 14px;}
    .ind-new .ind-new-con .new-list ul li .new-text span{line-height: 12px;}
    .ind-new .ind-new-con .new-list ul li .new-text{border: none;padding: 10px;border-top: 1px solid #e5e4e4;border-bottom: 1px solid #e5e4e4;}
    .ind-new .ind-new-con .new-list ul li:nth-child(2) .new-text{bottom: 0%;}
    .ind-new .ind-new-con .new-list ul li:nth-child(2) .new-img{top: 0%;}
    .ind-new .ind-new-con .new-list ul li:hover .new-img{transition: 0.5s;top:0%;}
    .ind-new .ind-new-con .new-list ul li:hover .new-text{transition: 0.5s;bottom:0%;}
    .ind-new .ind-but{margin-top: 20px;}

    .footer{padding: 20px;}
    .footer .footer-con .con-list .list1{width: 100%;margin: 5px 0px;}
    .footer .footer-con .con-list .list1 h3{font-size: 16px;margin-bottom: 5%;}
    .footer .footer-con .con-list .list1 p{line-height: 24px;}
    .footer .footer-con .con-list .list2{width: 100%;margin: 5px 0px;}
    .footer .footer-con .con-list .list2 h3{font-size: 16px;margin-bottom: 5%;}
    .footer .footer-con .con-list .list2 .zhichi{margin: 3% 0px;line-height: normal;width: 100%;}
    .footer .footer-con .con-list .list3{width: 100%;padding: 0px;}
    .footer .footer-con .con-list .list3 img{margin-right: 2%;}
    .footer .footer-con .con-list .list3 h3{font-size: 16px;}
    .footer .footer-con .con-list .list3 p{font-size: 14px;width: 50%;}
    .footer2 p{font-size: 12px;}
    .footer2{padding: 10px 20px;}
}

/* index.end */


/* 面包屑 */
.ny_nav{width: 100%;height: auto;overflow: hidden;}
.ny_nav .nav_list{width: 100%;max-width: 1259px;height: auto; overflow: hidden;margin: 0 auto;}
.ny_nav .nav_list ul{width: 100%;height: auto;text-align: left;}
.ny_nav .nav_list ul li{font-size: 16px;position: relative;float: left;padding: 15px 5px;}
.ny_nav .nav_list ul li i{width: 0;height: 4px;background-color: #03aae8;position: absolute;transition: all .3s ease-in-out; top: 0px;left:50%; }
.ny_nav .nav_list ul li a{padding: 10px;}
.ny_nav .nav_list ul li a:hover{ color:#03aae8;}
.ny_nav .nav_list ul li:hover i{width:100%;transition: all .3s ease-in-out;top: 0px;left: 0px;}
.ny_nav .nav_list ul .active{background: #f5f5f5;color: #03aae8;}
.ny_nav .nav_list ul .active i{width: 100%;left: 0%;top: 0px;}
.breadcrumb{padding: 15px;margin-bottom: 0px;float: right;background: #fff;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .breadcrumb{padding: 10px;}
    .ny_nav .nav_list ul li{font-size: 14px;padding: 10px 5px;}
    .ny_nav .nav_list ul{display: none;}
}


/* about.start */
.about {width: 100%;height: auto;overflow:hidden;padding: 50px 0px;background-color: #f5f5f5;}
.about .about-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;padding: 20px;background-color: #fff;}
.about .about-con h1{font-size: 30px;font-weight: bold;color: #043f88;}
.hr{width: 100%;margin:10px auto;height: 1px;background-color: #f2f2f2;float: left;}
.about .about-con p{font-size: 16px;line-height: 24px;}
.about .about-con .brand_video{margin: 20px auto;height: auto;}
.about .about-con .brand_video video{margin: 0 auto;height: auto;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .about{padding: 20px;}
    .about .about-con h1{font-size: 20px;}
    .about .about-con p{font-size: 14px;}
}
/* about.end */

/* list_news.start */
.new{width: 100%;height: auto; overflow: hidden;background-color: #fff;padding:40px 0px;}
.new .new-con{width: 100%;max-width: 1259px;height: auto;margin: 0 auto;}
.new .new-con .new-list {padding-top: 45px;}
.new .new-con .new-list ul{width: 100%;border: 1px solid #e5e4e4;height: auto;overflow: hidden;}
.new .new-con .new-list ul li{width:50%;height: 420px;float: left;}
.new .new-con .new-list ul li .new-con{width: 100%;height: 420px;}
.new .new-con .new-list ul li .new-img{width: 100%;height: 50%;transition: 1s;}
.new .new-con .new-list ul li .new-img img{width: 100%;height: 100%;}
.new .new-con .new-list ul li .new-text{width: 100%;height: 50%;bottom: 0%;background-color: #fff;transition: 0.5s;border-left: 1px solid #e5e4e4;border-right: 1px solid #e5e4e4;}
.new .new-con .new-list ul li .new-text {padding: 20px;}
.new .new-con .new-list ul li .new-text h3{font-size: 16px;color: #5e5d5d;font-weight: bold;float: left;width: 100%;margin-bottom: 20px;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;}
.new .new-con .new-list ul li .new-text p{font-size: 14px;color: #666666;float: left;width: 100%;line-height: 24px;margin-bottom: 20px;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3 ;word-wrap: break-word;word-break: break-all;}
.new .new-con .new-list ul li .new-text span{font-size: 14px;color: #999;float: left;width: 100%;line-height: 24px;}

/* list_news.end */

/* show_news.start */
.about {width: 100%;height: auto;overflow:hidden;padding: 50px 0px;background-color: #f5f5f5;}
.about .about-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;padding: 40px;background-color: #fff;}
.about .about-con h1{font-size: 30px;font-weight: bold;color: #043f88;}
.about .about-con img{max-width: 100%;margin: 0 auto;display: block;}
.hr{width: 100%;margin:10px auto;height: 1px;background-color: #f2f2f2;}
.about .about-con p{font-size: 16px;line-height: 24px;clear: both; margin-bottom: 15px;}
.about .about-con .brand_video{margin: 20px auto;height: auto;float: left;}
.about .about-con .brand_video video{margin: 0 auto;height: auto;}
.about .about-con i{float: left;width: 14%;color: #043f88;line-height: 30px;font-style: unset;}
.about .about-con i img{float: left; margin:12px 0px;}
.about .about-con i span{margin:6px; float: left;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .about{padding: 0px;}
    .about .about-con h1{font-size: 16px;}
    .about .about-con p{font-size: 14px;}
    .about .about-con i{width: 50%;}
    .about .about-con i img{margin:12px 0px;}
}
/* show_news.end */

/* honor.start */
.honor {width: 100%;height: auto;overflow:hidden;padding: 50px 0px;background-color: #f5f5f5;}
.honor .honor-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;padding: 20px;background-color: #fff;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .honor{padding: 0px;}
}
/* honor.end */

/* list_case.start */
.case{width: 100%;height: auto;overflow:hidden;padding:40px 0px;background-color: #f5f5f5;}
.case .case-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;padding: 20px;}
.case .case-con ul{width: 102%;height: auto;overflow: hidden;padding: 20px 0px;}
.case .case-con ul li{width: 30%;text-align: center;padding: 10px;background-color: #fff; float: left;border-radius: 5px; margin:1% 1%;}
.case .case-con ul li img{width: 100%;max-width: 100%;}
.case .case-con ul li p{padding: 10px;font-size: 18px;color: #043f88;font-weight: bold;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .case{padding: 20px;}
    .case .case-con{padding: 0px;}
    .case .case-con ul{width: 101%;padding: 0px;}
    .case .case-con ul li{width: 48%;padding: 5px;border-radius: 5px;margin: 1% 1%;}
    .case .case-con ul li p{font-size: 14px;padding: 5px;}
}
/* list_case.end */

/* list_product */
.product{width: 100%;height: auto;overflow: hidden;background-color: #f5f5f5;padding: 30px;}
.product .product-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;}
.product .product-con .con-box{width: 48%;float: left;background-color: #fff;position: relative;height: auto;overflow: hidden;margin: 1% 1%; max-height: 413px;}
.product .product-con .con-box .con{position: absolute;bottom: -27%;transition: 0.5s; background-color: rgba(255, 255, 255, 0.89);padding: 20px;}
.product .product-con .con-box:hover .con{bottom: 0%;transition: 0.5s;}
.product .product-con .con-box img{width: 100%;border-radius: 5px;}
.product .product-con .con-box h2{width: 100%;font-size: 18px;color: #043f88;font-weight: bold;padding: 0px 20px;padding-bottom: 20px;}
.product .product-con .con-box p{width: 100%;font-size: 14px;padding: 0px 20px;line-height: 24px;}
.product .product-con .con-box span{color: #043f88;font-weight: bold;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .product{padding: 20px;}
    .product .product-con .con-box{position: initial;max-height:none;}
    .product .product-con .con-box{width: 100%;margin: 2% 0px;border-radius: 5px;}
    .product .product-con .con-box img{border-radius: none;}
    .product .product-con .con-box img{border-radius: 0px;}
    .product .product-con .con-box .con{bottom: -68%;padding: 10px;position: initial;}
    .product .product-con .con-box h2{padding: 0px;padding-bottom: 2%;}
    .product .product-con .con-box p{padding: 0px;}
}
/* list_product.end */

/* show_product */
.show {width: 100%;height: auto;overflow:hidden;padding: 50px 0px;background-color: #f5f5f5;}
.show .show-con{width: 100%;max-width: 1259px;margin: 0 auto;height: auto;overflow: hidden;padding: 40px;background-color: #fff;}
.show .show-con h2 {font-size: 26px;color: #043f88;font-weight: bold;margin: 20px 0px;}
.prointr h3{font-size: 20px;color: #043f88;font-weight: bold;line-height: 26px;}
.prointr p{font-size: 16px;line-height: 30px;}
.pro-video iframe{margin: 50px 0px;width: 100%;height:600px;}
.prointr img{ max-width: 100%; }
@media screen and (max-width: 768px) and (min-width: 320px){
    .show{padding: 0px;}
    .show .show-con{padding: 20px;}
    .show .show-con h2{font-size: 18px;margin: 10px 0px;}
    .prointr h3{font-size: 16px;}
    .prointr p{font-size: 14px;line-height: 24px;}
    .pro-video iframe{margin: 10px 0px;width: 100%;height:auto;}
}

/* contact.start */
.contact{width: 100%;height: auto;overflow: hidden;background-color: #f5f5f5;}
.contact-con{width: 100%;max-width: 1200px;height:auto;overflow: hidden;margin: 30px auto;}
.contact-con .con{width: 100%;height: auto;overflow: hidden;background-color: #fff;box-shadow: 0 3px 5px #e4e4e4;padding: 30px;margin: 0 auto;}
.number{font-size: 22px;}
.cont-txt{float: left;width: 73%; font-size: 14px;line-height: 26px;}
.con-from img{width: 100%;}
.con-from h3{color: #043f88;font-size: 18px;padding: 15px 0px;}
.con-from ul li {width: 100%;font-size: 16px;background-color: #043f88;color: #fff;margin: 5px 0px;border: #fff solid 1px;padding: 10px;}
.con-from ul li:hover{background-color: #043f88;}
.con-from ul .active{background-color: #043f88;}
.con-from ul li a{color: #fff; display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-wrap: break-word;word-break: break-all;}
.con-from ul li img{width: 18px;float:right;margin: 2px 0px;}
.con-from{float: right;width: 30%;margin: 10px 0px;}
.con-from .form-group{width: 100%;}
.con-from .form-group input{width: 80%;padding: 8px;margin: 5px 0px;border: #043f88 solid 1px;}
.con-from .form-group textarea{width: 80%;padding: 8px;margin: 5px 0px;border: #043f88 solid 1px;}
.con-from  .from-but{width: 80%;padding: 5px;margin: 5px 0px;border: #043f88 solid 1px;transition: 0.5s;}
.con-from  .from-but:hover{color: #fff;background-color: #043f88;transition: 0.5s;}
.cont-txt span{float: left;width: 100%;color: #043f88;}
.cont-txt  p{float: left;width: 100%;color: #333;font-size: 16px;line-height: 24px;padding: 10px 0px;}
.cont-txt {width: 70%;float: left;padding: 20px 0px;}
.cont-txt h4{font-size: 14px;font-weight: bold;float: left;line-height: 26px;width: 100%;}
.cont-txt h4 small{font-size: 14px;color: #333;}
.map{height: 500px;width: 100%;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .contact-con{padding: 0px;}
    .cont-txt {width: 100%;padding: 0px;}
    .cont-txt  p{font-size:14px;}
    .map{height: 230px;}
    .contact-con{margin: 0px;}
    .contact-con .con{padding: 20px;}
    .contact-con .con h2{font-size: 22px;margin-bottom: 5%;}
    .contact-con .con .con-txt span{width: 50%;}
    .contact-con .con .con-txt{width: 100%;}
    /* .contact-con .con .con-from h3{display: none;}
    .contact-con .con .con-from .form-inline{display: none;} */
    .contact-con .con .con-from{width: 100%;}
    .contact-con .con .con-txt p{font-size: 14px;padding}
    .about .about-con{padding: 20px;}
}
/* contact.end */

/* 详细页按钮样式 */
.but-con{max-width: 1259px;width: 100%;height: auto;overflow: hidden;margin:20px auto;padding:10px 0px;}
.but-con a{display: block;height: auto;}
.but-con .button1{width: 45%;float: left;border: #999 1px solid;padding: 10px;font-size: 16px;border-radius: 10px;background-color: #fff;box-shadow: 0px 4px 5px #dadadb;}
.but-con .button2{width: 45%;float: right;;border: #999 1px solid;padding: 10px;font-size: 16px;border-radius: 10px;background-color: #fff;box-shadow: 0px 4px 5px #dadadb;}
.but-con .button1:hover,.but-con .button2:hover{-webkit-transition: all .15s ease;transition: all .2s ease;-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.but-con .button2 a{width: 100%;}
.but-con .button1 a span{width: 90%;float: right;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-wrap: break-word;word-break: break-all;}
.but-con .button2 a span{width: 90%;float: left;display: -webkit-box; overflow:hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-wrap: break-word;word-break: break-all;}
.but-con .button2 a img{float: right;}
.but-con .back{width: 10%;float: left;border: #666 1px solid;padding: 10px;font-size: 16px;border-radius: 10px;background-color: #fff;margin: 0px 10%;text-align: center;}
@media screen and (max-width: 768px) and (min-width: 320px){
    .but-con{margin: 0px;padding: 10px 20px;}
    .but-con .button1,.but-con .button2{width: 100%;font-size: 14px;margin: 5px 0px;}
}

/*分页样式*/
.pagediv{ width: 100%; height:auto; float: left; text-align: center;margin-bottom: 20px;margin-top: 20px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { margin-right: 10px; text-align: center;}
.xiaocms-page a { border-radius: 5px; transition: 0.3s; display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}
.xiaocms-page a:hover { transition: 0.3s; background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { border-radius: 5px; display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#043f88 ; border:1px solid #043f88; color:#fff; text-align:center;margin-left: 5px; }

    @media screen and (max-width: 1200px) and (min-width: 768px){
        .nav-top .top .top-tel{width: 33%;}
        .navbar-nav li{padding: 10px;}
        .ind-about .ind-about-con{max-width: 900px;}
        .ind-product .ind-product-con{max-width: 900px;}
        .ind-new .ind-new-con{max-width: 900px;}
        .footer .footer-con{max-width: 900px;}
    }
    @media screen and (max-width: 1200px) and (min-width: 1200px){