body,h1,h2,h3,h4,h5,h6,p,ul,li,p,span,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"微软雅黑";line-height:normal;list-style: none; color: #333; font-size: 12px; }
a{ color: #333; text-decoration:none;}
a:hover{ color: #e60012; }
input{outline: none; border: 0;}
button{outline: none; cursor: pointer;}
select{outline: none}
textarea{outline: none}
img{display: block;}
em{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.w1250{width: 1250px; margin: 0 auto;}
.clear{clear:both;}

/*首页*/
.topbar{ height: 40px; overflow: hidden; }
.topbar-word{ float: left; margin: 10px 0 0 0;}
.topbar-link{ float: right; margin: 10px 0 0 0; overflow: hidden;}
.topbar-link a{ display: block; float: left; margin: 0 0 0 15px;}
.topbar-link a img{ float: left; margin: 0 5px 0 0;}

.topmenu{ height: 100px; background: url(../images/4.png) no-repeat center; }
.topmenu .logo{ float: left; height: 100px;display: flex; align-items: center;}
.logo img{ max-height: 90px;}
.topmenu .menu{ float: left; margin: 0 0 0 160px;}
.topmenu .menu a{ float: left; margin: 37px 80px 0 0; font-size: 16px; color: #fff; font-weight: bold;}
.topmenu .search{ float: left; position: relative; }
.topmenu .search-btn{ margin: 33px 0 0 0; padding: 0 20px 0 40px; height: 30px; line-height: 30px; border-radius: 30px; background: url(../images/6.png) no-repeat 15px 5px #fff; color: #e60012; cursor: pointer;}
.topmenu .search-input{ position: absolute; width: 280px; top: 33px; display: none; }
.topmenu .search-input input{ float: left; padding-left: 15px; width: 180px; height: 30px; line-height: 30px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.topmenu .search-input #submit{ float: left; width: 43px; height: 30px; background: url(../images/27.png) no-repeat; outline:none; border: none;}
.topmenu .search-input #close{ float: left; margin: 6px 0 0 10px; color: #fff; cursor: pointer; }
.topmenu .tel{ float: right; margin: 25px 0 0 0; height: 50px; background: url(../images/7.png) no-repeat; }
.topmenu .tel i{ font-style: normal; color: #fff; margin: 0 0 0 30px;}
.topmenu .tel span{ display: block; margin: 0 0 0 45px; font-size: 24px; color: #fff; font-weight: bold; }
.four-num{ height: 280px; background: url(../images/9.png) no-repeat center;}
.four-num .w1250{ display: flex; justify-content: space-between; }
.four-num .w1250 div{ margin: 90px 0 0 0; }
.four-num .w1250 div span{ font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ff0000; }
.four-num .w1250 div span i,.four-num .w1250 div span em{ font-size: 20px; font-style: normal; }
.four-num .w1250 div p{ margin-top: 20px; text-align: center; font-weight: bold; font-size: 16px; }

.product{ height: 630px; background: url(../images/10.png) no-repeat center; overflow: hidden; }
.product-left{ float: left; margin-top: 80px; }
.product-left>h3{ font-size: 40px; color: #fff; }
.product-left>p{ width: 310px; margin-top: 65px; line-height: 30px; font-size: 12px; color: #ffb0b9;}
.product-left-tj{ width: 310px; margin: 40px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.product-left-tj a{ display: block; margin-bottom: 10px; width: 150px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #bc1125; background-color: #fff;}
.product-left .more{ display: block; margin: 40px 0 0 0; padding-left: 60px; font-size: 14px; background: url(../images/28.png) no-repeat 0 5px; color: #fff; }
.product-right{ float: right; width: 830px; margin-top: 90px; }
.product-right a{ display: block; float: left; margin-left:20px; font-size: 20px; font-weight: bold; color: #fff;}
.product-right a img{ display: block; width: 255px; height: 400px; margin-bottom: 20px; }

.service{ height: 610px; background: url(../images/17.png) no-repeat center; overflow: hidden;}
.service-title{ margin: 60px 0 38px 0; font-size: 40px; color: #fff; font-weight: bold;}
.service-list{ display: flex; justify-content: space-between;}
.service-list .part{ display: block; width: 400px;}
.service-list .part img{ display: block; width: 400px; height: 250px;}
.service-list .part h3{ margin: 30px 0; font-size: 24px; font-weight: bold; color: #fff;}
.service-list .part p{ font-size: 16px; color: #ff8795;}
.service-list .part .more{ display: block; margin: 40px 0 0 0; padding-left: 60px; font-size: 14px; background: url(../images/28.png) no-repeat 0 5px; color: #fff;}

.news{ height: 712px; background: url(../images/20.png) no-repeat center; overflow: hidden;}
.news-title{ margin: 60px 0 38px 0; font-size: 40px; color: #fff; font-weight: bold;}
.news-content{ display: flex; justify-content: space-between; overflow: hidden;}
.news-content-left{ width: 624px;}
.news-content-left img{ display: block; width: 624px; height: 390px;}
.news-content-left h3{ margin-top: 25px; font-size: 20px; color: #fff; font-weight: normal;}
.news-content-left p{ margin-top: 25px; font-size: 14px; color: #999999; }
.news-content-left span{ margin-top: 20px; display: block; font-size: 14px; color: #999999; }
.news-content-right{ width: 540px; margin-right: 35px;}
.news-list{ }
.news-list a{display: flex; justify-content: space-between; width: 540px; padding-bottom: 30px; border-top: #495b66 solid 1px;}
.news-list a .left{ display: block; width: 440px; padding-top: 25px; }
.news-list a .left h3{ margin-bottom: 15px; font-size: 16px; color: #fff; font-weight: normal; }
.news-list a .left p{ font-size: 14px; color: #999999; }
.news-list a .right span{ display: block; margin-top: 15px; font-size: 28px; color: #33b5ae; }
.news-list a .right i{ display: block; margin-top: 5px; font-size: 14px; font-style: normal; color: #33b5ae; }
.news-list a:nth-of-type(3){ border-bottom: #495b66 solid 1px; }
.news-content-right .more{ display: block; margin: 50px 0 0 310px; width: 230px; height: 54px; line-height: 54px; background-color: #e60012; color:#fff; font-size: 14px; text-align: center; }

.zbfs{ height: 260px; background: url(../images/29.png) no-repeat center;}
.zbfs .left{ float: left; height: 260px; display: flex; align-items: center; }
.zbfs .left img{ height: 36px; }
.zbfs .right{ float: right; width: 560px;}
.zbfs .right h3{ margin: 50px 0 0 0; color: #fff; font-size: 18px; font-weight: bold;}
.zbfs .right .list{ display: flex; justify-content: space-between;}
.zbfs .right .list p{ margin-top: 20px; line-height: 25px; font-size: 14px; color: #9adad7; }
.zbfs .right .list img{ margin: 25px 0 0 0; width: 120px; height: 120px; }

.bottom{ padding: 70px 0 30px 0; background-color: #37454d; overflow: hidden;}
.bottom .left{ float: left;}
.bottom .left h2{ margin-bottom: 40px; font-size: 30px; color: #fff; }
.bottom .left .contact{ display: flex;}
.bottom .left .contact .code{ text-align: center; color: #90a2ad; font-size: 12px; line-height: 30px; }
.bottom .left .contact .contact-list{ margin: 0 0 0 60px;}
.bottom .left .contact .contact-list p{ margin-bottom: 40px; font-size: 14px; color: #90a2ad; line-height: 30px; }
.bottom .left .contact .contact-list a{ float: left; margin-right: 30px;}
.bottom .right{ float: right; width: 580px; display: flex; justify-content: space-between;}
.bottom .right div h3{ font-size: 16px; font-weight: bold; color: #fff;}
.bottom .right div a{ display: block; margin-top: 30px; font-size: 14px; color: #90a2ad; }
.copyright{ height: 50px; line-height: 50px; color: #90a2ad; text-align: center; border-top: #475861 solid 1px; background-color: #37454d; }


.product-right .swiper-container { width: 830px; height: 450px; margin: 0 auto; }
.product-right .swiper-slide { width: 255px; height: auto !important; text-align: center; font-size: 16px; }
.product-right .swiper-slide a{ display: block; color: #fff; font-size: 20px; font-weight: bold; text-align: left; }
.product-right .swiper-slide a img{ display: block; margin: 0 auto;  margin-bottom: 15px; width: 255px; height: 400px;}

/*banner*/
.slideBanner{ width: 100%; height: 750px; position: relative; overflow: hidden;}
.slideBanner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.slideBanner .hd li{ display: inline-block; margin: 0 5px; width: 11px; height: 11px; border: 2px solid #fff; background: #fff; border-radius: 100%; cursor: pointer;}
.slideBanner .hd li.on{ width: 12px; height: 12px; background: #e60012;}
.slideBanner .bd{ position:relative; height:100%; z-index:0;}
.slideBanner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:750px;}
.slideBanner .bd li a{ height:750px; display:block;}

/*导航*/
.nav{ float: left; margin: 37px 0 0 100px; z-index:9999;}
.nav>ul>li{float:left; margin-left: 100px; }
.nav>ul>li>a{color: #fff; border-radius: 6px; font-size: 16px; font-weight: bold; }
.nav .submenu{ display:none; width: 100%; position:absolute; left: 0; top: 140px; background:#e42817; z-index:9999;}
.nav .submenu li{}
.nav .submenu li>a{ width: 125px; height:45px; line-height:45px; display: block; text-align:center; color:#fff; font-size: 14px; font-weight:normal;}
.nav .submenu li>a:hover{ background:#b92012; border-radius: 0px; }

.current-position{ background-color: #fff; height: 60px; line-height: 60px; color: #666; font-size: 14px; }
.current-position a{ line-height: 60px; color: #666; font-size: 14px;}
.current-position .current-position-selected{ color: #e60012;}
.product-top{ height: 250px; background: url(../images/31.png) no-repeat center;}
.product-top p{ margin-top: 90px; float: right; width: 880px; color: #fff; line-height: 30px; font-size: 14px; }

.product-list .intro{ width: 520px; margin-top: 90px; }
.product-list .intro>h2{ color: #fff; font-size: 40px; }
.product-list .intro>p{ margin: 40px 0; color: #e3e3e3; font-size: 18px; }
.product-list .intro>span,.product-list .intro>p>span{ display: block; margin-bottom: 15px; padding-left: 15px; background: url(../images/36.png) no-repeat 0 8px; font-size: 14px; color: #e3e3e3;}
 
.product-list .intro .more{ display: block; margin-top: 140px; width: 230px; height: 55px; line-height: 55px; font-size: 18px; background-color: #fff; color: #e60012; text-align: center; }

.cplb-banner{ position:relative; }
.cplb-banner-wz{ position: absolute; bottom: 0; left: calc(50% - 625px); width: 1250px; padding: 50px 0; background-color: #e60012; }
.cplb-banner-wz>h2{ font-size: 40px; color: #fff; text-align: center;}
.cplb-banner-wz>p{ margin: 20px 0; color: #e3e3e3; font-size: 18px; text-align: center; }
.cplb-banner-wz>span,.cplb-banner-wz>p>span{ display: block; margin-bottom: 10px; padding-left: 15px; font-size: 14px; color: #e3e3e3; text-align: center; }

.cplb-list{ display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #009e96;}
.cplb-list .part{ width: 50%; border-bottom: #232f3e solid 1px; }
.cplb-list .part>div{ width: 580px; min-height: 450px; overflow: hidden; }
.cplb-list .part:nth-of-type(2n+1)>div{ float: right; border-right: #232f3e solid 1px;}
.cplb-list .part:nth-of-type(2n)>div{ margin-left: 50px;}
.cplb-list .part>div h3{ margin-top: 50px; margin-bottom: 40px; font-size: 30px; font-weight: normal; color: #fff;}
.cplb-list .part>div span{  display: block; margin-bottom: 15px; color: #fff; font-size: 16px; }
.cplb-list .part .more{ display: block; position: absolute; bottom: 50px; width: 150px; height: 55px; line-height: 55px; font-size: 14px; background-color: #fff; color: #009e96; text-align: center; }

.productxq-top{ height: 250px; background-color: #283647; }

.swiper-container { width: 1250px; height: 250px; margin: 0 auto; }
.swiper-slide { width: 120px; height: auto !important; text-align: center; font-size: 16px; }
.swiper-container .selected{ border-bottom:#009e96 solid 3px;}
.swiper-slide a{ color: #fff;}
.swiper-slide a img{ display: block; margin: 0 auto; margin-top: 50px; margin-bottom: 15px; width: 120px; height: 120px;}
.swiper-container .selected a img{ border: #009e96 solid 3px; box-sizing: border-box;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: none !important; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: none !important; right: 20px !important; }

.productxq-content{ padding: 50px 0; background-color: #232f3e; }
.productxq-content-top{ display: flex; overflow: hidden;}
.productxq-content-top .left{ width: 500px;}
.productxq-banner{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.productxq-banner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.productxq-banner .hd li{ display: inline-block; margin: 0 5px; width: 11px; height: 11px; border: 2px solid #fff; background: #ccc; border-radius: 100%; cursor: pointer;}
.productxq-banner .hd li.on{ width: 12px; height: 12px; background: #e60012;}
.productxq-banner .bd{ position:relative; height:100%; z-index:0;}
.productxq-banner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:500px;}
.productxq-content-top .right{ width: 650px; height: 500px; padding: 0 50px; background-color: #009e96; }
.productxq-content-top .right h3{ margin: 60px 0 40px 0; font-size: 30px; font-weight: bold; color: #fff; }
.productxq-content-top .right span{ display: block; margin-bottom: 20px; font-size: 16px; color: #fff; }
.productxq-content-top .right p{ margin-top:40px; color: #fff; font-size: 16px; line-height: 30px; }
.productxq-content-bottom{ margin-top: 30px;}
.productxq-content-bottom .title{ margin-bottom: 20px; font-size: 30px; color: #fff;}
.productxq-content-bottom-xq{ color: #fff;}
.productxq-content-bottom-xq img{ max-width: 1250px; }

.servicebox{ overflow: hidden;}
.servicebox .service{ padding: 80px 0 0 0; height: 530px; background: #232f3e; }
.servicebox .service .service-list .part{ width: 400px; height: 450px; background-color: #e60012; }
.servicebox .service .service-list .part h3{ margin: 25px 0 20px 30px;}
.servicebox .service .service-list .part p{ margin: 0 0 0 30px;}
.servicebox .service .service-list .part .more{ margin: 40px 0 0 30px; }

.aboutbox{ background-color: #232f3e; overflow: hidden;}
.aboutbox-tab{ padding: 50px 0;}
.aboutbox-tab>div{ display: flex; justify-content: center;}
.aboutbox-tab>div>a{ display: block; width: 170px; height: 50px; line-height: 50px; margin: 0 5px; text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
.aboutbox-tab>div>a:hover{ background-color: #e60012; }
.aboutbox-tab>div>.selected{ background-color: #e60012; }
.nynews-top{ height: 549px; background: url(../images/45.png) no-repeat center; overflow: hidden;}

.news-banner{ margin-top: 80px; position: relative; overflow: hidden;}
.news-banner .hd ul{ width: 624px; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.news-banner .hd li{ display: inline-block; margin: 0 5px; width: 11px; height: 11px; border: 2px solid #fff; background: #ccc; border-radius: 100%; cursor: pointer;}
.news-banner .hd li.on{ width: 12px; height: 12px; background: #e60012;}
.news-banner .bd{ position:relative; height:100%; z-index:0;}
.news-banner .bd li{position: relative; zoom:1; vertical-align:middle; width: 1250px; height:390px; }
.news-banner .bd li .wz{ width: 526px; margin-left: 674px; margin-top: 60px;  }
.news-banner .bd li .wz h3{ font-size: 30px; color: #fff;}
.news-banner .bd li .wz p{ margin-top: 20px; font-size: 16px; color: #ff8795; }
.news-banner .bd li .wz span{ margin-top: 20px; display: block; color: #fff; font-size: 24px; }

.nynews-bottom-list{ width: 1250px; margin: 0 auto; margin-top: 30px; margin-bottom: 50px; }
.nynews-bottom-list a{ margin-top: 1px; display: flex; width: 1250px; height: 215px; background-color: #fff;}
.nynews-bottom-list a img{ display: block; margin: 20px 50px 20px 20px; width: 280px; height: 175px;}
.nynews-bottom-list a .wz{ margin: 40px 0 0 0;width:880px;}
.nynews-bottom-list a .wz h3{ font-size: 24px; }
.nynews-bottom-list a .wz p{ margin-top: 20px; font-size: 14px; color: #999; }
.nynews-bottom-list a .wz span{ display: block; margin-top: 20px; font-size: 14px; color: #999; }
.nynews-bottom-list a:hover .wz h3{ color: #e60012;}
.pagebox{ margin-bottom: 50px; display: flex; justify-content: center;}
.pagebox li{display:inline-block;}
.pagebox a,.pagebox .pagination>li>a{ margin: 0 10px; display: block; width: 230px; height: 53px; line-height: 53px; color: #fff; font-size: 14px; text-align: center; background-color: #e60012;}

.contactbox{ padding: 50px 0; background-color: #232f3e; color: #fff;}
.contactbox p{color: #fff};
.jsbox{background-color: #2a3748;}
.jsbox-top{ height: 400px; background: url(../images/47.png) no-repeat center; overflow: hidden;}
.jsbox-top h3{ margin: 80px 0 40px 0; font-size: 30px; color: #fff;}
.jsbox-top p{ width: 500px; font-size: 14px; color: #ffb0b9; line-height: 24px;}

.jsbox .js-num{ height: 260px; background-color: #232f3e; }
.jsbox .js-num .w1250{ display: flex; justify-content: space-between; }
.jsbox .js-num .w1250 div{ margin: 90px 0 0 0; }
.jsbox .js-num .w1250 div span{ font-size: 55px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; }
.jsbox .js-num .w1250 div span i,.jsbox .js-num .w1250 div span em{ font-size: 20px; font-style: normal; }
.jsbox .js-num .w1250 div p{ margin-top: 20px; text-align: center; font-weight: bold; font-size: 16px; color: #009e96; }

.js-content{ padding: 50px 0 80px 0; }
.js-content img{ max-width: 1250px;}
.js-content p{color: #fff;}

.crzp{ padding: 80px 0; background-color: #283647;}
.crzp-banner{ margin: 0 auto; width: 1250px; height: 500px; position: relative; overflow: hidden;}
.crzp-banner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.crzp-banner .hd li{ display: inline-block; margin: 0 5px; width: 11px; height: 11px; border: 2px solid #fff; background: #ccc; border-radius: 100%; cursor: pointer;}
.crzp-banner .hd li.on{ width: 12px; height: 12px; background: #e60012;}
.crzp-banner .bd{ position:relative; height:100%; z-index:0;}
.crzp-banner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:500px;}
.crzp-content{ width: 1250px; margin: 0 auto;}
.crzp-content img{ max-width: 1250px;}

.crzp-link{ width: 1250px; margin: 0 auto; }
.crzp-link-box{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.crzp-link-box>div{ width: 624.5px; height: 280px; margin-bottom: 1px; background-color: #009e96; }
.crzp-link-box>div img{ display: block; margin: 0 auto; margin-top: 50px; margin-bottom: 30px; width: 90px; height: 90px; }
.crzp-link-box>div a{ display: block; margin: 0 auto; width: 230px; height: 50px; line-height: 50px; text-align: center; background-color: #fff; color: #009e96; }

.crzp-table{ width: 1250px; margin: 0 auto; }
.crzp-table-header{ display: flex; justify-content: space-between; height: 80px; background-color: #009e96;}
.crzp-table-header span{ width: 22%; color: #fff; padding-left: 3%; font-size: 16px; font-weight: bold; line-height: 80px; }
.crzp-table-list{ margin-bottom: 50px; }
.crzp-table-list a{ width: 1250px; display: flex; justify-content: space-between; height: 80px;}
.crzp-table-list a:nth-of-type(2n){ background-color: #2b3b4d;}
.crzp-table-list a span{ width: 22%; color: #fff; padding-left: 3%; font-size: 16px; line-height: 80px;overflow-x:hidden }
.crzp-table-list a:hover{ background-color: #3e5168; }
.crzp-table .pagebox{ margin-bottom: 0; }

.rczp-xq{ background-color: #232f3e; }
.rczp-xq-header{ border-bottom: #36475d solid 1px; }
.rczp-xq-header img{ float: left; margin: 50px 0; }
.rczp-xq-header h3{ float: left; font-size: 30px; color: #fff; font-weight: normal; margin: 70px 0 0 50px; }
.rczp-xq-header span{ float: left; margin: 85px 0 0 100px; color: #fff; font-size: 14px; }

.wzbox{ width: 1250px; margin: 0 auto;}
.wzbox .header{ margin: 30px 0 0 0; padding: 0 0 0 20px; height: 40px; line-height: 40px; color: #fff; background-color: #009e96; font-size: 16px; }
.wzbox .content{ padding: 30px 0; color: #fff; line-height: 30px; font-size: 14px; }

.shops{ padding: 50px 0; background-color: #232f3e;}
.shops-one{ width: 1250px; height: 425px; margin-bottom: 15px; overflow: hidden;}
.shops-one h3{ margin: 60px 0 0 100px; font-size: 30px; color: #fff;}
.shops-one-list{ width: 450px; height: 216px; margin: 50px 0 0 100px; overflow-y: auto; }
.shops-one-list a{ display: block; margin-bottom: 20px; width: 400px; height: 50px; line-height: 50px; padding-left: 20px; border: #fff solid 1px; font-size: 18px; color: #fff; border-radius: 6px; }

.newsxq-box{ padding-bottom: 50px; background-color: #eaeaea; overflow: hidden;}
.newsxq-box-header{ display: flex; justify-content: center; flex-wrap: wrap; border-bottom: #d2d2d2 solid 1px; margin-bottom: 40px;}
.newsxq-box-header h2{ margin: 40px 0; width: 100%; text-align: center; font-size: 36px; }
.newsxq-box-header span{ display: block; margin: 0 30px 20px 30px; font-size: 14px; color: #999; }
.newsxq-box-content{ font-size: 16px; color: #666; line-height: 30px;}
.newsxq-box-content img{ max-width: 1250px;}