﻿* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {color: #333;font:14px/1.5 "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline }
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none;color:#333;}
a:hover{color:#1a4da0;}
a:focus{outline:none;}
i,em {font-style: normal;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.fl {float: left;}
.fr {float: right;}
img {border: 0;max-width: 100%;display: inline-block;vertical-align:top}
input, select, textarea {border:none;outline: none;font-family: "Microsoft Yahei";-webkit-appearance: none;appearance: none;background:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#888;}

.w1200{max-width: 1400px;margin:auto;}

.container-lg {max-width: 1400px;margin: 0 auto;}
button{background:none;}


@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;transform:translate3d(-100px,0,0)}
    90%{transform:translate3d(5px,0,0)}to{transform:none}
}

table { border-collapse:collapse; }


.header{position:fixed;top:0;left:0;background:#fff;width:100%;z-index:1000;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.header .header_content{text-align:right;position:relative;}
.header .header_content .logo{float:left;padding:20px 0px 10px;}
.header .header_content .logo img{height:55px;}

.header_nav{position:relative;display:inline-block;vertical-align:top;height:40px;}
.header_nav .nav ul li{line-height:90px;display:inline-block;vertical-align:top;font-size:18px;position:relative;margin:0 10px;}
.header_nav .nav ul li > a{display:block;background-position:center bottom;background-repeat:no-repeat;padding:0 25px;}
.header_nav .nav ul li.on a{color:#4abec8;background-image:url(../image/bg01.jpg);}

.header_nav .cl_nav{display: none;width:50px;height:50px;background:url(404.png) no-repeat center right;}
.header_nav .cl_nav a{display:block;}
.header_nav .nav .theclose{background:#00bdb6;padding:15px 0;line-height:0;display:none;}
.header_nav .nav .theclose img {width: 15px;height: 15px;margin-left: 20px;}
.bk_gray{position: fixed;width:100%;height:100%;left: 0;top:0;background:rgba(0,0,0,0.6);z-index: 100;display: none;}

.header_right{float:right;}
.header_right ul li{display:inline-block;vertical-align:top;margin:30px 0 30px 30px;}
.header_right ul li a{display:block;padding:3px;}
.header_right ul li a img{width:24px;height:24px;}

.header_search .search{position:absolute;right:0px;top:90px;width:400px;background:#fff;border:1px #999 solid;height:50px;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.header_search .search input{height:50px;line-height:50px; width:calc(100% - 50px);padding: 0 10px 0 40px;font-size: 16px;background: url(../image/ss02.png) 10px center no-repeat;float: left;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;}
.header_search .search span{float: right;height:50px;width:50px;cursor: pointer;background: url(../image/close02.png) center center no-repeat;}
.header_search .search.open{display: block;-webkit-transform-origin: right center;transform-origin: right center;-webkit-animation: searching .5s;animation: searching .5s;}

@-webkit-keyframes searching {
    0% { right:0; -webkit-transform: scale3d(0, 0, 0); opacity: 0; }
    100% { right:0px; -webkit-transform: scale3d(1, 1, 1); opacity: 1; }
}
@keyframes searching {
    0% { right:0; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); opacity: 0; }
    100% { right:0px; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
}




.banner{width:100%;height:100vh;background:#194da0;background-image: linear-gradient(to bottom right,#2c47e9, #10ead3);display:flex;align-items:center;justify-content:center;position:relative;}

.banner .swiper-container{position:static;width:100%;height: 100%}

.banner .swiper-slide{display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;}
.banner .swiper-slide .container {position: relative;width: 100%;max-width: 1300px;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: flex-end;}
.banner .swiper-slide .text{color:#fff;position: absolute;left: 0;top: 50%;z-index: 2;width: 55%;}

.banner .swiper-slide .text h1{font-size:45px;line-height: 120%;margin-bottom:40px;font-weight:bold;}

.banner .swiper-slide .text p{font-size:20px;margin-bottom:100px;}

.banner .swiper-slide .text a{display:inline-block;vertical-align:top;width:180px;line-height:40px;border:2px #fff solid;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;border-radius:40px;color:#fff;text-align:center;}

.banner .swiper-slide .slide{text-align:center;width:40%;float: right;}
.banner .swiper-slide .slide img {width: 100%;}

.banner .swiper-pagination-bullet{background:none;border:2px #fff solid;opacity:1;width:6px;height:6px;}

.banner .swiper-pagination-bullet-active{background:#fff;}

.banner .swiper-button-next,.banner .swiper-button-prev{width:28px;height:54px;margin-top:-27px;}

.banner .swiper-button-prev{left:8%;background-image:url(../image/prev03.png);}

.banner .swiper-button-next{right:8%;background-image:url(../image/next03.png);}

.banner .swiper-slide .text{display:block;opacity:0;transform:translate3d(-150%,0,0);transition:all 1s;transition-delay:.2s;overflow:hidden}

.banner .swiper-slide .text{text-align:left;transform:translate3d(0,-150%,0)}

.banner .swiper-slide.swiper-slide-active .text{opacity:1;transform:translateY(-50%)}




.index_sort{padding:120px 0 90px;border-bottom:1px #edeff1 solid;}
.index_sort .content{padding:0 60px;position:relative;}
.index_sort .swiper-container{position:static;}
.index_sort .swiper-slide{width:23.5%;margin-right:2%;text-align:center;}
.index_sort .swiper-slide a{display:block;}
.index_sort .swiper-slide .img{background:#edeff1;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;width:155px;height:155px;display:inline-block;vertical-align:top;margin-bottom:20px;}
.index_sort .swiper-slide .img img{width:155px;height:155px;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.index_sort .swiper-slide .img .img2{display:none;}
.index_sort .swiper-slide .text h3{font-size:18px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_sort .swiper-slide .text p{color:#87949e;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_sort .more{text-align:center;margin-top:60px;}
.index_sort .more a{display:inline-block;vertical-align:top;color:#fff;background:#184d9f;width:180px;line-height:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;}

.index_sort .swiper-button-next,.index_sort .swiper-button-prev{width:50px;height:50px;background-repeat:no-repeat;background-size:100%;background-position:center;opacity:.6;}
.index_sort .swiper-button-prev{background-image:url(../image/prev.png);left:0;}
.index_sort .swiper-button-next{background-image:url(../image/next.png);right:0;}

.index_title{margin-bottom:35px;text-align:center;}

.index_title h3{font-size:38px;font-weight:bold;}

.index_title p{margin-top:25px;}



.index_about{padding:60px 0px;}


.index_about .swiper-slide img{width:100%;}

.index_about .swiper-button-next,.index_about .swiper-button-prev{width:45px;height:45px;background-repeat:no-repeat;background-size:100%;background-position:center;margin-top:0;top:auto;bottom:20px;}

.index_about .swiper-button-prev{background-image:url(../image/prev02.png);right:100px;left:auto;}

.index_about .swiper-button-next{background-image:url(../image/next02.png);right:35px;}

.index_about .text{overflow:hidden;*zoom:1;max-width: 100%;margin: 40px auto 0;}

.index_about .text .left{width:72%;font-size: 18px;line-height: 150%;float:left;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

.index_about .text .more{width:23%;text-align:center;float:right;margin-top:11px;}

.index_about .text .more a{display:inline-block;vertical-align:top;width: 100%;line-height:70px;font-size: 20px;background:#4abec8;color:#fff;border-radius:8px;}

.index_about .text .more a:hover {
    color: #fff;
    background:#194da0;
    background-image: linear-gradient(to right,#48b9c7, #194da0);
}


.index_pro .swiper-container{padding-bottom:80px;}
.index_pro .swiper-slide a{display:block;position:relative;}
.index_pro .swiper-slide .img img{width:100%;}
.index_pro .swiper-slide .text{position:absolute;left:0;bottom:0;background:#fff;padding:5%;width:45%;}
.index_pro .swiper-slide .text:after{content:"";width:20px;height:2px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);position:absolute;bottom:0;left:9%;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.index_pro .swiper-slide .text p{font-size:12px;color:#666;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_pro .swiper-slide .text h3{font-size:18px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_pro .swiper-slide .text .more{position:absolute;top:58%;right:18%;opacity:0;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition: .6s;}
.index_pro .swiper-slide .text .jian{position:absolute;right:8%;top:58%;}
.index_pro .swiper-pagination{line-height:10px;}
.index_pro .swiper-pagination-bullet{border:2px #1c56a2 solid;background:none;opacity:1;}
.index_pro .swiper-pagination-bullet-active{background:#1c56a2;}
.index_pro .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}

.index_pro {padding: 60px 0;}
.index_pro .row {width: 100%;display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between;}

.index_pro .row .text {width: 47.25%;-ms-flex-order: 0;order: 0;}
.index_pro.index_pro_2 .row .text,
.index_pro.index_pro_4 .row .text{-ms-flex-order: 1; order: 1; }

.index_pro .row .text .title {font-weight: 700; font-size: 38px; color: #012A58; line-height: 125%; margin-bottom: 35px;}
.index_pro .row .text .desc {font-size: 18px; line-height: 150%; }
.index_pro .row .text a.more {display: inline-block; width: 325px; height: 70px; line-height: 70px; text-align: center; color: #fff; border-radius: 8px; font-size: 20px; background-color: #4abec8; margin-top: 50px; }
.index_pro .row .text a.more:hover {color: #fff; background:#194da0; background-image: linear-gradient(to right,#48b9c7, #194da0); }

.index_pro .row .video {width: 47.25%;background: #dddddd;min-height: 400px;border-radius: 12px;overflow: hidden;}
.index_pro .row .video video {width: 100%;height: 400px;background: #000;display: block;object-fit: cover;}
.index_pro .row .image {width: 47.25%;border-radius: 12px;overflow: hidden;}
.index_pro .row .image img {display: block;width: 100%;}



.index_news{padding:60px 0px;}
.index_news .container-lg {position: relative;}
.index_news ul li{width:100%;}



.index_news ul li a{display:block;overflow:hidden;*zoom:1;position: relative;}
.index_news ul li a .img {width: 100%;height: 350px;overflow: hidden;}
.index_news ul li a .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.index_news ul li .time{width:80px;height:92px;background:url(../image/bg13.png) center center no-repeat;color:#fff;font-weight:bold;text-align:center;;line-height:30px;margin-right:20px;float:left;}

.index_news ul li .time span{display:block;font-size:30px;padding-top:10px;}

.index_news ul li .time em{display:block;font-size:20px;}

.index_news ul li .text{width: 100%;position: absolute;bottom: 0;left: 0;padding: 10px 15px;background-color: rgba(0, 0, 0, 0.5);box-sizing: border-box;}

.index_news ul li .text h3{color: #fff;font-size:16px;font-weight:bold;line-height:30px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.index_news ul li .text p{font-size:14px;color:#878787;line-height:24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}

.index_news .swiper-button-next,.index_news .swiper-button-prev{width:45px;height:45px;margin-top: 22px;border-radius: 45px;background-color: #eee;background-repeat:no-repeat;background-size:10px auto;background-position:center;}

.index_news .swiper-button-prev{left:-60px}

.index_news .swiper-button-next{right:-60px;}



.bread_crumbs{max-width:1400px;margin:15px auto 40px;}
.bread_crumbs a{font-size:14px;line-height:24px;color:#999;}
.bread_crumbs a:last-child{color:#1a4da0;}
.bread_crumbs span{color:#999;margin:0 10px;}

.insdie_sort{width:240px;margin-right:40px;background:#194da0;background-image: linear-gradient(to bottom right,#48b9c7, #194da0);padding:20px;float:left;}
.insdie_sort ul li{line-height:36px;font-size:14px;position:relative;}
.insdie_sort ul li.cur > a{color:#194da0;}
.insdie_sort ul li a{display:block;padding-right:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;}
.insdie_sort ul li span{position:absolute;right:0;top:0;width:36px;height:36px;text-align:right;}
.insdie_sort ul li img{width:20px;height:20px;display:inline-block;vertical-align:top;margin-top:8px;}
.insdie_sort ul li span.down img{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.insdie_sort .sub{display:none;}
.insdie_sort .sub dd{padding-left:20px;opacity:.6;line-height:32px;}
.insdie_sort .sub dd a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.insdie_sort ul li.cur .sub{display:block;}
.insdie_sort ul li.cur .sub dd.cur{opacity:1;}

.right_content{width:calc(100% - 320px);float:right;}

.page{text-align:center;margin-bottom:100px;}
.page .page_num{display:inline-block;vertical-align:top;}
.page .page_num a{display:inline-block;vertical-align:top;line-height:34px;border:1px #ddd solid;width:34px;text-align:center;margin:0 3px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;background:#ffff;}
.page .page_num a.cur{background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;}
.page .page_num a.prev,.page .page_num a.next{width:78px;}
.page .page_num a.first,.page .page_num a.last{width:58px;}
.page .jump{display:inline-block;vertical-align:top;}
.page .jump span{color:#999;}
.page .jump input{border:1px #ddd solid;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;}
.page .jump .text{width:40px;height:34px;line-height:34px;padding:0 10px;text-align:center;background:#fff;}
.page .jump .btn{width:48px;height:36px;line-height:36px;background:#fff;}

.inside_section{background-color:#44b0c3;}
.inside_section ul li{line-height:60px;float:left;font-size:16px;text-align:center;min-width:160px;}
.inside_section ul li a{display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;}
.inside_section ul li.cur a{background-color:#f5f5f5;color:#184d9f;}



.products .right_content ul{margin-bottom:40px;}
.products .right_content ul li{width:32%;margin-right:2%;background:#fff;float:left;margin-bottom:20px;}
.products .right_content ul li:nth-child(3n){margin-right:0;}
.products .right_content ul li a{display:block;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.products .right_content ul li .img{overflow:hidden;*zoom:1;max-height: 211px;}
.products .right_content ul li .img img{width:100%;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.products .right_content ul li .text{padding:15px 15px 20px;text-align:center;}

.products .right_content ul li .text h3{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;margin-bottom:5px;}

.products .right_content ul li .text p{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.products .right_content ul li .text span{width:120px;height:30px;line-height:30px;display:inline-block;vertical-align:top;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;margin-top:15px;border:1px #ddd solid;}




.pro_det .det_info{margin-bottom:40px;}
.pro_det .det_info .title,.product_det .det_info .title{font-size:24px;line-height:36px;padding:10px 0 20px;border-bottom:1px #d5d9da solid;margin-bottom:35px;}
.pro_det .det_info .img{width:52%;float:left;margin-right:3%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.pro_det .det_info .img img{width:100%;}
.pro_det .det_info .right{width:45%;float:right;}
.pro_det .det_info .right h3{font-size:20px;line-height:30px;padding:20px 0;margin-bottom:40px;position:relative;}
.pro_det .det_info .right h3:after{content:"";width:90px;height:4px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);position:absolute;left:0;bottom:0;}
.pro_det .det_info .right .text{margin-bottom:25px;font-size:14px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;}
.pro_det .det_info .right .link a{display:inline-block;vertical-align:top;line-height:40px;}
.pro_det .det_info .right .link a.buy{width:160px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;margin-right:40px;}
.pro_det .det_info .right .link a.down{padding-left:25px;background:url(../image/bg06.png) left center no-repeat;}

.det_tabs{margin-bottom:80px;}
.det_tabs .hd{background:#f5f5f5;border:1px #d5d9da solid;line-height:44px;}
.det_tabs .hd ul li{display:inline-block;vertical-align:top;cursor:pointer;min-width:110px;padding:0 20px;text-align:center;font-size:16px;}
.det_tabs .hd ul li.on{background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;}
.pro_det .det_tabs .bd{border:1px #d5d9da solid;border-top:none;}
.pro_det .det_tabs .bd .con{padding:30px;line-height:30px;}
.det_tabs table {width: 100% !important;}
.det_tabs table td,.det_tabs table th {padding:5px 10px;border:1px solid #ccc !important;}

.product_det .det_info{margin-bottom:60px;}
.product_det .det_info .video{text-align:center;margin-bottom:60px;}
.product_det .det_info .video video{width:82%;display:inline-block;vertical-align:top;}
.product_det .det_info .right h3{padding:30px 0;border-top:1px #d5d9da solid;position:relative;}
.product_det .det_info .right h3:after{content:"";width:90px;height:4px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);position:absolute;left:0;top:-2px;}
.product_det .det_info .right .text{color:#666;}
.product_det .details{overflow:hidden;*zoom:1;}
.product_det .det_tabs{width:72%;margin-right:2%;float:left;}
.product_det .det_tabs .bd .con img{width:100%;}
.product_det .recommend{width:26%;float:right;border:1px #d5d9da solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.product_det .recommend .title{border-bottom:1px #d5d9da solid;background:#f5f5f5;line-height:44px;font-size:16px;text-align:center;}
.product_det .recommend ul li{padding:20px 0;border-bottom:1px #d5d9da solid;margin:0 20px;text-align:center;}
.product_det .recommend ul li:last-child{border-bottom:none;}
.product_det .recommend ul li a{display:block;}
.product_det .recommend ul li .img{width:100%;overflow:hidden;}
.product_det .recommend ul li .img img{width:100%;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.product_det .recommend ul li .text h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.product_det .recommend ul li .text p{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_det .recommend ul li .text span{color:#184d9f;display:block;}




.market ul{margin-bottom:60px;}
.market ul li{width:23.5%;margin-right:2%;float:left;margin-bottom:20px;}
.market ul li:nth-child(4n){margin-right:0;}
.market ul li .img{width:100%;overflow:hidden;max-height: 293px;}
.market ul li .img img{width:100%;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.market ul li .text{border:1px #ddd solid;padding:10px 15px 20px;}
.market ul li .text h3{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;}
.market ul li .text p{font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:20px;height:60px;margin-bottom:15px;}
.market ul li .text span{width:80px;line-height:24px;display:inline-block;vertical-align:top;text-align:center;color:#fff;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;border-radius:24px;font-size:12px;}




.market_det .title{font-size:24px;line-height:30px;padding:15px 0 25px;border-bottom:1px #d5d9da solid;position:relative;}
.market_det .title:after{content:"";width:90px;height:4px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);position:absolute;left:0;bottom:-2px;}
.market_det .content{padding:30px 0 80px;font-size:16px;line-height:30px;color:#666;}
.market_det .content img{padding:10px 0;}

.related_pro{background:#f5f5f5;padding:60px 0;}
.related_pro .title{text-align:center;font-size:24px;font-weight:bold;margin-bottom:30px;}

.related_pro .content{padding:0 65px;position:relative;max-width:1070px;margin:auto;}
.related_pro .content .swiper-container{position:static;padding:20px 0;}
.related_pro .content .swiper-slide{width:23.5%;margin-right:2%;background:#fff;}
.related_pro .content .swiper-slide:last-child{margin-right:0;}
.related_pro .content .swiper-slide a{display:block;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.related_pro .content .swiper-slide .img{border-bottom:1px #f2f2f2 solid;}
.related_pro .content .swiper-slide .img img{width:100%;}
.related_pro .content .swiper-slide .text{padding:0 10px 20px;text-align:center;}
.related_pro .content .swiper-slide .text h3{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;margin-bottom:5px;}
.related_pro .content .swiper-slide .text p{font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.related_pro .content .swiper-slide .text span{width:120px;height:32px;line-height:32px;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;display:inline-block;vertical-align:top;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;margin-top:25px;}
.related_pro .content .swiper-button-prev,.related_pro .content .swiper-button-next{width:45px;height:45px;background-position:center;background-size:100%;background-repeat:no-repeat;opacity:.7;}
.related_pro .content .swiper-button-prev{background-image:url(../image/prev.png);left:0;}
.related_pro .content .swiper-button-next{background-image:url(../image/next.png);right:0;}





.news{background:#fff;margin-bottom:80px;padding:40px 0px;box-sizing: border-box;}

.news .page{margin-bottom:0;}

.news .news_list{width:calc(100% - 350px);float: left;position:relative;z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-align:center;}

.news .news_list ul{margin-bottom:60px;width:100%;}

.news .news_list ul li{border-bottom:1px #eee solid;padding:35px 0;text-align:left;}

.news .news_list ul li:first-child{padding-top:0;}

.news .news_list ul li a{display:block;}

.news .news_list ul li .cont {float: left;width:calc(100% - 430px);height: 300px;position: relative;}
.news .news_list ul li .img {width: 400px;height: 300px;float: right;}
.news .news_list ul li .img a {display: block;width:100%;height: 100%;border-radius:5px;overflow: hidden;}
.news .news_list ul li .img img{width:100%;height: 100%;object-fit: cover;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}


.news .news_list ul li .title{margin-bottom:15px;}

.news .news_list ul li .title h3{font-size:20px;color:#184d9f;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news .news_list ul li .title p{color:#999;line-height:30px;}




.news .news_list ul li .text{font-size:16px;color:#666;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:10;}
.news .news_list ul li span.more {position: absolute;left:0;bottom: 0;text-align: center;
width: 135px; height: 44px; line-height: 44px; font-size: 14px; color: #fff; background-color: #4abec8;border-radius: 5px; }
.news .news_list ul li span.more:hover {color: #fff; background:#194da0; background-image: linear-gradient(to right,#48b9c7, #194da0); }

.news .page{float:left;width:100%;}



.side{width:290px;float:right;position:relative;z-index:10;}
.side .search{margin-bottom:25px;overflow: hidden;*zoom:1;}
.side .search input{float:left;font-size:14px;}
.side .search .ssk{line-height:36px;height:36px;width:216px;border:2px #44b0c3 solid;border-right:none;background-color:#fff;padding:0 15px;}
.side .search .ss{width:40px;height:40px;background-image:url(../image/ss02.jpg);background-repeat:no-repeat;background-position:center;}
.side .title{color:#184d9f;font-size:24px;line-height:40px;margin-bottom:10px;}
.side .hot_news{margin-bottom:30px;}
.side .hot_news ul li a{font-size:14px;color:#71717d;overflow:hidden;*zoom:1;line-height:30px;display:block;}
.side .hot_news ul li:nth-child(-n + 3) em{color:#fff;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);}
.side .hot_news ul li em{width:20px;height:20px;line-height:20px;color:#fff;font-size:14px;background-color:#cccccc;float:left;text-align:center;border-radius:4px;margin:5px 5px 0 0;}
.side .hot_news ul li span{width:265px;float:left;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}





.news_det{max-width:900px;margin:auto;background:#fff;padding:50px 150px;margin-bottom:80px;}
.news_det .title{text-align:center;}
.news_det .title h1{font-size:30px;line-height:40px;margin-bottom:20px;}
.news_det .title p{font-size:16px;color:#71717d;margin-bottom:15px;}
.news_det .title p span{margin:0 5px;}
.news_det .title .bdsharebuttonbox{margin-bottom:40px;text-align:center;}
.news_det .title .bds_more{width:65px;height:30px;line-height:30px;padding:0;margin:0;border:1px #71717d solid;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;float:none;display:inline-block;background:none;color:#71717d;font-size:18px;padding-left:25px;background:url(../image/bg04.png) 15px center no-repeat;}

.news_det .content > .text{font-size:16px;line-height:30px;padding-bottom:40px;}

.chapter ul li{width:48%;float:left;background:#fff;padding:3%;border:1px #d5d9da solid;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.chapter ul li:first-child{margin-right:4%;}
.chapter ul li a{display:block;}
.chapter ul li .img{overflow:hidden;*zoom:1;height:70px;display: flex;align-items: center;}
.chapter ul li .img span{width:110px;height:60px;line-height:60px;text-align:center;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;float:left;font-size:20px;margin:5px 25px 0 0;color:#fff;}
.chapter ul li .img img{width:calc(100% - 135px);float:right;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;overflow: hidden;height:70px;}
.chapter ul li .text h3{font-size:18px;line-height:24px;height:48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin:20px 0;}
.chapter ul li .text p{font-size:14px;color:#999;line-height:20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;border-top:1px #eaeaea solid;padding-top:15px;}

.news_det .interested{margin-top:55px;}
.news_det .interested .title{line-height:30px;font-size:18px;border-left:4px #194da0 solid;margin-bottom:20px;padding-left:10px;text-align:left;}
.news_det .interested ul li{width:32%;margin:0 2% 20px 0;float: left;}
.news_det .interested ul li:nth-child(3n){margin-right:0;}
.news_det .interested ul li .img{width:100%;overflow:hidden;}
.news_det .interested ul li .img img{width:100%;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.news_det .interested ul li .name{font-size:16px;color:#71717d;padding-top:5px;line-height:24px;height:48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}



.contact .content{margin-bottom:30px;background:#fff;}
.contact .left{width:44%;float:left;padding:30px 3%;}
.contact .left .title{margin-bottom:30px;}
.contact .left .title p{font-size:18px;color:#999;}
.contact .left .title h1{font-size:21px;padding:10px 0 20px;position:relative;}
.contact .left .title h1:after{content:"";width:60px;height:4px;position:absolute;left:0;bottom:0;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);}
.contact .left .text{line-height:36px;border-bottom:1px #d5d9da solid;padding-bottom:30px;margin-right:20%;}
.contact .left .link{padding-top:15px;}
.contact .left .link a{display:inline-block;vertical-align:top;margin:0 10px;position:relative;}

.contact .left .link a > img{width:30px;height:30px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.contact .left .link a:hover > img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.contact .left .link a:last-child img{opacity:.7;}
.contact .left .link a:last-child img:hover{opacity:1;}
.contact .left .link a .ewm{position:absolute;bottom:50px;width:130px;padding:10px;background-color:#fff;text-align:center;left:-60px;box-shadow:0 0 10px #ccc;display:none;color:#666;}
.contact .left .link a .ewm:after{content:"";width:16px;height:16px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color:#fff;position:absolute;left:50%;margin-left:-8px;bottom:-8px;border-bottom:1px #eee solid;border-right:1px #eee solid;}
.contact .left .link a:hover .ewm{display:block;}

.contact .right{width:44%;float:right;padding:30px 3%;background-color:#fcfbfb;}
.contact .right h3{font-size:24px;margin-bottom:25px;padding-left:40px;}
.contact .right .box{margin-bottom:20px;overflow:hidden;*zoom:1;}
.contact .right .box label,.contact .right .text label{text-align:right;float:left;width:120px;margin-right:20px;line-height:36px;font-size:16px;color:#666;}
.contact .right .box label span{color:#ff0000;}
.contact .right .box input{width:calc(100% - 162px);float:left;height:34px;line-height:34px;border:1px #d5d9da solid;background-color:#eee;padding:0 10px;}
.contact .right .box select{width:calc(100% - 140px);float:left;height:36px;line-height:36px;border:1px #d5d9da solid;background-color:#eee;padding:0 10px;background-image:url(../image/bg05.png);background-position:95% center;background-repeat:no-repeat;}
.contact .right .text textarea{width:calc(100% - 162px);border:1px #d5d9da solid;padding:10px;resize:none;line-height:24px;height:72px;font-size:14px;background-color: #eee;}
.contact .right .btn{margin-left:150px;padding-top:20px;}
.contact .right .btn input{width:180px;height:40px;line-height:40px;display:inline-block;vertical-align:top;color:#fff;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);font-size:16px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;}

.contact .map{max-width:1200px;margin:auto;height:540px;margin-bottom:80px;}
.contact .map iframe{width:100%;height:100%}



.about_title{font-size:36px;line-height:50px;margin-bottom:40px;text-align:center;font-weight:bold;}

.introduction{padding-bottom:40px;background:url(../image/bg10.png) center bottom no-repeat;}
.introduction .text{margin-bottom:30px;line-height:24px;}
.introduction .data ul{text-align:center;}
.introduction .data ul li{display:inline-block;vertical-align:top;margin:0 35px;}
.introduction .data ul li h3{color:#184d9f;font-weight:bold;}
.introduction .data ul li h3 span{font-size:60px;margin-right:5px;}
.introduction .data ul li p{font-size:16px;}

.setting{background:url(../image/bg11.jpg) center bottom no-repeat;background-size:cover;}
.setting .swiper-container{height: 600px;overflow: hidden;position: relative;}

.setting .swiper-container .swiper-slide {width: 100%;position: relative;}

.setting .swiper-slide img{width:100%;height: 100%;object-fit: cover;}

.setting .swiper-slide p{color: #fff;font-size:18px;line-height:30px;position: absolute;bottom: 0px;background-color: rgba(0, 0, 0,0.35);width: 100%;padding: 10px 20px;}



.setting .swiper-button-prev,.setting .swiper-button-next{width:50px;height:50px;background-repeat:no-repeat;background-position:center;background-size:100%;bottom:40px;top:auto;margin-top:0;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;box-shadow:1px 0 10px rgba(0,0,0,.2);}

.setting .swiper-button-prev{background-image:url(../image/prev02.png);left:auto;right:100px;}

.setting .swiper-button-next{background-image:url(../image/next02.png);right:30px;}


.honor{background:url(../image/bg12.jpg) center bottom no-repeat;background-size:cover;padding:80px 0 50px;}
.honor .content{display:-webkit-flex;display:flex;align-items:center;}
.honor .content .left{width:47%;float:left;padding:0 1.5%;}
.honor .content .left .about_title{text-align:left;}
.honor .content .left .text{line-height:30px;}
.honor .content .right{width:35%;float:right;padding:0 7.5%;position:relative;}
.honor .content .right .swiper-container{position:static;padding-bottom:10px;background:url(../image/honor_bg.jpg) top center no-repeat;background-size:100%;}
.honor .content .right .swiper-slide{text-align:center;box-sizing:border-box;}
.honor .content .right .swiper-slide img{width:92%;margin:4%;}
.honor .content .right .swiper-slide p{line-height:30px;padding:20px 0;}
.honor .swiper-button-prev,.honor .swiper-button-next{width:50px;height:50px;background-repeat:no-repeat;background-position:center;background-size:100%;margin-top:0;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;box-shadow:1px 0 10px rgba(0,0,0,.2);top:40%;}
.honor .swiper-button-prev{background-image:url(../image/prev02.png);left:0;}
.honor .swiper-button-next{background-image:url(../image/next02.png);right:0;}
.honor .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px;}
.honor .swiper-pagination-bullet{border:2px #184d9f solid;background:none;opacity:1;}
.honor .swiper-pagination-bullet-active{background:#184d9f;}

.about_team{background:url(../image/bg08.jpg) center bottom no-repeat;background-size:cover;padding:40px 0;position:relative;}
.about_team .content{width:48%;padding:6% 6% 4%;background:#184d9f;background: linear-gradient(to top right,#4abec8,#184d9f);color:#fff;}
.about_team .content .title{line-height:45px;font-size:30px;padding-bottom:20px;position:relative;margin-bottom:40px;}
.about_team .content .title:after{content:"";width:55px;height:4px;background:#fff;position:absolute;left:0;bottom:0;}
.about_team .content .text h3{font-size:24px;margin-bottom:25px;}
.about_team .content .text a{display:block;text-align:right;color:#fff;font-size:16px;margin-top:25px;}

.position{padding:80px 0;}
.position .text{max-width:920px;margin:auto;}

.society{background:url(../image/bg09.jpg) center bottom no-repeat;background-size:cover;padding:180px 0;}
.society .about_title{color:#fff;}
.society .content{max-width:1000px;margin:auto;}
.society .text{color:#fff;line-height:30px;}

.join{padding:80px 0;text-align:center;}
.join .content ul{margin:40px 0 60px;}
.join .content ul li{display:inline-block;vertical-align:top;margin:0 5%;}
.join .content ul li img {width: 240px;height: 240px;}
.join .content ul li p{font-size:18px;margin-top:20px;}
.join .content a{display:inline-block;vertical-align:top;padding:0 20px;line-height:56px;color:#fff;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);font-size:18px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px;}








.team .list{margin-bottom:40px;}
.team .list .title{margin-bottom:40px;text-align:center;line-height:30px;}
.team .list .title h3{font-size:24px;padding:18px 0 30px;background:url(../image/bg07.png) center center no-repeat;color:#fff;}
.team .list .title p{margin-top:20px;}
.team .list ul{text-align:center;}
.team .list ul li{width:22%;margin:0 1%;display:inline-block;vertical-align:top;padding:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;box-shadow:0 0 10px #eee;margin-bottom:40px;background:#fff;}
.team .list ul li .img{margin-bottom:20px;}
.team .list ul li .img img{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;}
.team .list ul li .text h3{font-size:21px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.team .list ul li .text h3 em{font-size:16px;}
.team .list ul li .text p{color:#666;line-height:24px;height:120px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}

.air{text-align:center;}
.air img{width:300px;}
.air p{font-size:16px;color:#999;line-height:30px;}


.footer_now{height:120px;background:url(../image/bg02.jpg) center center no-repeat;text-align:center;position:relative;overflow: hidden;}
.footer_now .content{display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:120px;position:relative;z-index:10;}
.footer_now .quan{text-align:center;position:absolute;height:120px;left:50%;top:0;margin-left:-340px;animation: animation-scale 3s 0.2s linear both infinite;visibility: visible;}
.footer_now span{display:inline-block;vertical-align:top;font-size:24px;color:#fff;}

@keyframes animation-scale{0%{transform-origin:center center;transform:scale(1);opacity:0}50%{opacity:1}to{transform-origin:center center;transform:scale(2);opacity:0}}

.fonter_content{padding:35px 0;overflow:hidden;*zoom:1;}
.fonter_content .footer_sort{float:left;}
.fonter_content .footer_sort dl{float:left;line-height:30px;margin-right:30px;}
.fonter_content .footer_sort dl dt{font-size:16px;margin-bottom:10px;}
.fonter_content .footer_sort dl dt a{color:#05173f;display:block;}
.fonter_content .footer_sort dl dd a{color:#5f6777;display:block;}


.fonter_content .w1200{display:-webkit-flex;display:flex;}
.fonter_content .footer_contact{float:left;width:calc(100% - 870px);padding-left:30px;border-left:1px #ddd solid;-webkit-flex:1;flex:1;}
.fonter_content .footer_contact img{height:32px;margin-bottom:5px;}
.fonter_content .footer_contact p{color:#05173f;line-height:30px;font-size:13px;}

.fonter_content .ewm{float:right;font-size:14px;color:#05173f;line-height:30px;text-align:center;}
.fonter_content .ewm img{width:126px;height:126px;}

.footer .links{display:-webkit-flex;display:flex;padding-bottom:30px;}
.footer .links span{font-size:14px;font-weight:bold;}
.footer .links ul{-webkit-flex:1;flex:1;}
.footer .links ul li{display:inline-block;vertical-align:top;font-size:14px;margin:0 10px;}
.footer .links ul li a{display:block;color:#666;}

.copyright{text-align:center;line-height:20px;font-size:12px;color:#5f6777;padding:15px 0;border-top:1px #ddd solid;}
.copyright a{display:inline-block;vertical-align:top;color:#5f6777;}





@media (min-width:1025px) {

    
    .header_nav .nav ul li:hover a{color:#4abec8;background-image:url(../image/bg01.jpg);}
    .inside_section ul li:hover a{background-color:#f5f5f5;color:#184d9f;}
    .insdie_sort ul li a:hover{color:#194da0;}
    .page .page_num a:hover{background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;}
    .footer_now a:hover{background:#194da0;border-color:#194da0;}
    .fonter_content .footer_sort dl a:hover{color:#184d9f;}
    .footer .links ul li a:hover{color:#184d9f;}

    
    .index_sort .swiper-slide:hover .img{background-image: linear-gradient(to right,#48b9c7, #194da0);}
    .index_sort .swiper-slide:hover .img .img1{display:none;}
    .index_sort .swiper-slide:hover .img .img2{display:block;}
    .index_sort .swiper-button-next:hover,.index_sort .swiper-button-prev:hover{opacity:1;}
    .index_sort .more a:hover,.index_about .text .more a:hover{background-image: linear-gradient(to right,#48b9c7, #194da0);}
    .index_pro .swiper-slide:hover .text .more{top:53%;opacity:1;}
    .index_pro .swiper-slide:hover .text:after{width:82%;}


    
    .products .right_content ul li:hover{-webkit-box-shadow:0 3px 13px rgba(0,0,0,.2);-moz-box-shadow:0 3px 13px rgba(0,0,0,.2);-ms-box-shadow:0 3px 13px rgba(0,0,0,.2);box-shadow:0 3px 13px rgba(0,0,0,.2);}
    .products .right_content ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
    .products .right_content ul li:hover  .text span{background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);color:#fff;}

    .product_det .recommend ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

    .market ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
    .related_pro .content .swiper-slide a:hover{box-shadow:0 3px 13px rgba(0,0,0,.2);}
    .related_pro .content .swiper-button-prev:hover,.related_pro .content .swiper-button-next:hover{opacity:1;}

    .news .news_list ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

    .side .hot_news ul li:hover span{color:#f2d149;}
    .news_det .interested ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
    .news_det .interested ul li:hover .name{color:#194da0;}


}

@media (max-width:1366px) {
    .banner .swiper-slide .text h1{font-size:42px;}
}


@media (max-width:1200px) {
    .header .header_content{margin:0 3%;}

    .index_sort{padding:120px 3% 90px;}
    .index_about,.index_pro,.index_news{padding:40px 3% 80px;}

    .bread_crumbs{padding:0 3%;}

    .fonter_content{padding:30px 3%;}
    .footer .links{padding:0 3% 30px;}

    .products{padding:0 3%;}
    
    .pro_det,.product_det{padding:0 3%;}
    .market,.market_det{padding:0 3%;}
    .related_pro{padding:60px 3%;}
    .news{margin:0 3% 60px;}
    .news_det{padding:30px 3%;margin:0 3% 60px;}

    .contact{padding:0 3%;}
    .introduction{padding:0 3% 40px;}
    .honor{padding:60px 3% 40px;}
    .about_team{padding:40px 3%;}
    .society{padding:120px 3%;}


}


@media (max-width:1024px) {
    
    
    .banner .swiper-slide .container {width: 80%;}

    .banner .swiper-slide .text {width: 100%;margin: 0 4%;position: absolute;}

    .banner .swiper-slide .text h1{font-size:32px;margin-bottom:25px;}

    .banner .swiper-slide .text p{font-size:16px;margin-bottom:60px;}

    .banner .swiper-button-prev{left:3%;}

    .banner .swiper-button-next{right:3%;}

    
    .header_nav .nav ul li > a{padding:0 10px;}
    .header_right ul li{margin-left:20px;}
    .header_right ul li.header_search{display:none;}

    .bread_crumbs{margin-bottom:20px;}
    .insdie_sort{width:20%;margin-right:3%;padding:2%;}
    .right_content{width:73%;}
    .page{margin-bottom:60px;}

    .footer_now{background-size: cover;}
    .footer_now .content{height:80px;}
    .footer_now .quan{height:80px;margin-left:-225px;}
    .footer_now span{font-size:1.8rem;}
    .fonter_content .ewm{display:none;}
    .fonter_content .footer_contact{width:calc(100% - 700px);padding:0 0 0 20px;}

    
    .nybanner p{width:1200px;left:-600px;}
    .nybanner img{width:1200px;}


    
    .market ul{margin-bottom:20px;}


    
    .news{padding:30px 3% 40px 0;}
    .news_det{padding-top:30px;}
    .news_det .title h1{font-size:24px;margin-bottom:10px;}
    .news_det .title p{font-size:14px;}
    .news_det .title .bds_more{font-size:14px;}
    .news_det .title .bdsharebuttonbox{margin-bottom:30px;}
    .news_det .content .text{font-size:14px;}
    .chapter ul li .text h3{font-size:16px;margin:10px 0;}


    
    .contact .left,.contact .right{width:44%;padding:30px 3%;}
    .contact .left .text{margin-right:0;}
    .contact .right h3{font-size:20px;}
    .contact .map{height:400px;margin-bottom:60px;}


    
    .introduction .data ul li h3 span{font-size:48px;}
    .position{padding:60px 3%;}



}


@media (max-width:768px) {
    .header .header_content .logo{padding:5px 0;margin-right:0;}
    .header .header_content .logo img{height:40px;}
    
    .header_nav{position:static;float:right;width:auto;padding:0;line-height:50px;}
    .header_nav .cl_nav{display: block;}
    .header_nav .nav{position: fixed;top: 0;right: 0;width: 60%;height: 100%;background-color: #fff;z-index: 1000;max-width: 320px;right: -100%;}
    .header_nav .nav ul li{float: none;padding:0 15px;border-bottom:1px #ddd solid;line-height: 50px;margin:0;width:100%;text-align:left;font-size:16px;-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;}
    .header_nav .nav ul li.on{margin-top:0;}
    .header_nav .nav ul li a{color:#333;border-bottom:none;}
    .header_nav .nav ul li.on a{background:none;padding-bottom:0;}
    .header_nav .nav .theclose{display:block;text-align:left;}

    .header_right ul li{margin:10px 0 10px 10px;}


    
    .index_title h3 {font-size: 24px;}
    .index_sort{padding:40px 3%;}
    .index_sort .swiper-slide .img{width:77.5px;height:77.5px;margin-bottom:10px;}
    .index_sort .swiper-slide .img img{width:77.5px;height:77.5px;}
    .index_sort .swiper-slide .text h3{font-size:15px;}
    .index_sort .swiper-slide .text p{font-size:13px;}
    .index_sort .content{padding:0 35px;}
    .index_sort .swiper-button-next, .index_sort .swiper-button-prev{width:25px;height:25px;margin-top:-12px;}
    .index_sort .more{margin-top:40px;}
    .index_sort .more a{line-height:36px;width:150px;}

    .index_about, .index_pro{padding:40px 3%;}
    .index_title{margin-bottom:25px;}
    .index_title p{margin-top:15px;}
    .index_about .text .more{margin-top: 18px;}


    .index_about .text .more a {width: 135px; height: 44px; line-height: 44px;font-size: 14px; }

    .index_pro .swiper-container{padding-bottom:50px;}

    .index_pro .swiper-slide .text .jian{display:none;}

    .index_pro .swiper-slide .text h3{font-size:16px;}

    .index_pro .row {flex-wrap: wrap;}
    .index_pro .row .text {width: 100%;-ms-flex-order: 0;order: 0;margin-bottom: 20px;}
    .index_pro.index_pro_2 .row .text,
    .index_pro.index_pro_4 .row .text{-ms-flex-order: 0; order: 0; }

    .index_pro .row .text .title {font-size: 24px;margin-bottom: 15px;}
    .index_pro .row .text .desc {font-size: 14px; }
    .index_pro .row .text a.more { width: 135px; height: 44px; line-height: 44px;font-size: 14px; margin-top: 20px; }

    .index_pro .row .video {width: 100%;background: #dddddd;min-height: 320px;border-radius: 12px;overflow: hidden;}
    .index_pro .row .video video {width: 100%;height: 320px;background: #000;display: block;}
    .index_pro .row .image {width: 100%;border-radius: 12px;overflow: hidden;}
    .index_pro .row .image img {display: block;width: 100%;}

    .index_news{padding:50px 3% 10px;}


    
    .page .jump{display:none;}
    .footer_now span{font-size:1.4rem;}
    .fonter_content{padding:20px 3%;}
    .fonter_content .footer_contact{display:none;}
    .footer .links{padding-bottom:20px;}
    .copyright{padding:10px 0;}

    .insdie_sort{width:100%;margin-right:0;margin-bottom:20px;padding:0;background:none;}
    .insdie_sort ul li{width:32%;margin-right:2%;float:left;background:#194da0;background-image: linear-gradient(to right,#48b9c7, #194da0);-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;}
    .insdie_sort ul li a{padding-left:10px;}
    .insdie_sort ul li:nth-child(3n){margin-right:0;}
    .right_content{width:100%;}

    .inside_section ul li{line-height:40px;font-size:14px;min-width:140px;}

    
    
    .nybanner{padding-top:50px;}
    .nybanner p{width:960px;left:-480px;}
    .nybanner img{width:960px;}


    
    .products .right_content ul{margin-bottom:10px;}

    .pro_det .det_info .title,.product_det .det_info .title{font-size:22px;padding:0 0 10px;margin-bottom:20px;}
    .pro_det .det_info .right h3{padding:0px 0 10px;margin-bottom:20px;}
    .pro_det .det_info .right .link a.buy{margin-right:20px;}
    .det_tabs{margin-bottom:60px;}
    .pro_det .det_tabs .bd .con{padding:15px;}

    .product_det .det_info .right h3{padding:15px 0;}
    .product_det .det_info,.product_det .det_info .video{margin-bottom:40px;}
    .product_det .det_info .video video{width:100%;display:block;}


    
    .market_det .title{font-size:20px;padding:10px 0 20px;}
    .market_det .content{font-size:14px;padding-bottom:50px;}
    .related_pro{padding:30px 3%;}
    .related_pro .title{margin-bottom:10px;font-size:20px;}
    .related_pro .content .swiper-slide{width:32%;margin-right:2%;}

    

    .news{padding:20px 3%;margin-bottom:40px;}

    .news .news_list{width:100%;margin-right:0;}

    .news .news_list ul{margin-bottom:25px;}

    .news .news_list ul li .cont {width: calc(100% - 220px);height: 150px;}
    .news .news_list ul li .text {-webkit-line-clamp: 3;}
    .news .news_list ul li span.more {display: none;}
    .news .news_list ul li .img {width: 200px;height: 150px;}

    .side{display:none;}


    
    .news_det{padding:30px 3% 0;}
    .news_det .interested ul li{margin-bottom:10px;}
    .news_det .interested ul li .name{font-size:14px;line-height:20px;height:40px;}


    
    .contact .content{padding:0 3%;}
    .contact .left,.contact .right{width:100%;padding:20px 0;background:none;}
    

    
    .team .list .title{margin-bottom:25px;}
    .team .list .title h3{font-size:20px;background-size:auto 60px;padding:10px 0 20px;}
    .team .list .title p{margin-top:10px;}
    .team .list ul li{margin-bottom:20px;}
    .team .list ul li .text h3{font-size:18px;margin-bottom:10px;}
    .team .list ul li .text h3 em{font-size:14px;}
    .team .list ul li .text p{-webkit-line-clamp:4;height:80px;line-height:20px;}


    
    .about_title{font-size:30px;margin-bottom:25px;}
    .setting .swiper-container{padding-bottom:30px;}
    .setting .swiper-slide p{padding-top:15px;font-size:14px;}
    .about_team .content .title{font-size:24px;line-height:36px;margin-bottom:25px;}
    .about_team .content .text h3{margin-bottom:15px;}
    .society{padding:80px 3%;}
    .join{padding:60px 3%;}
    .join .content ul{margin:25px 0 40px;}
    .join .content ul li img{width:100px;height:100px;}
    .join .content ul li p{font-size:14px;}
    .join .content a{line-height:46px;font-size:16px;width:180px;}
    

}

@media (max-width:540px) {

    

    .banner .swiper-slide{display:block;}
    .banner .swiper-slide.swiper-slide-active .text {transform: translateY(0%);}
    .banner .swiper-slide .text{width:100%;position: static;}

    .banner .swiper-slide .text h1{font-size:24px;margin-bottom:15px;}

    .banner .swiper-slide .text p{margin-bottom:30px;}

    .banner .swiper-slide .text a{border-width:1px;width:140px;line-height:30px;}

    .banner .swiper-slide .slide{width:70%;margin:auto;}

    .banner .swiper-slide .slide img{max-height:360px;}

    .banner .swiper-pagination-bullet{border-width:1px;}

    
    .nybanner p{width:576px;left:-288px;}
    .nybanner img{width:576px;}

    .insdie_sort ul li{width:49%;margin-right:2%;margin-bottom:2%;}
    .insdie_sort ul li:nth-child(3n){margin-right:2%;}
    .insdie_sort ul li:nth-child(2n){margin-right:0;}

    .page{margin-bottom:40px;}
    .page .page_num a{width:28px;height:28px;line-height:28px;font-size:14px;margin-bottom:6px;}
    .page .page_num a.prev, .page .page_num a.next{width:68px;}
    .footer_now,.fonter_content,.footer .links{display:none;}

    .inside_section ul li{width:50%;}

    
    .index_sort .swiper-slide{width:49%;}
    .index_sort .more{margin-top:30px;}
    .index_sort,.index_about, .index_pro{padding:30px 3%;}
    .index_about .swiper-button-next, .index_about .swiper-button-prev{width:22.5px;height:22.5px;bottom:10px;}
    .index_about .swiper-button-prev{right:40px;}
    .index_about .swiper-button-next{right:10px;}
    .index_about .text .left{width:100%;}
    .index_about .text .more{width:100%;}
    .index_about .text .more a{width:150px;background: #4abec8;}
    .index_pro .swiper-pagination-bullet{border-width:1px;}
    .index_news{padding:30px 3% 10px;}
    .index_news ul li{width:100%;margin-right:0;margin-bottom:20px;}


    
    .products .right_content ul li{width:49%;}
    .products .right_content ul li:nth-child(3n){margin-right:2%;}
    .products .right_content ul li:nth-child(2n){margin-right:0;}
    .products .right_content ul li .text{padding-bottom:10px;}
    .products .right_content ul li .text span{margin-top:15px;}

    .pro_det .det_info .img{width:100%;margin-right:0;margin-bottom:20px;}
    .pro_det .det_info .right{width:100%;}
    .det_tabs{margin-bottom:40px;}
    .det_tabs .hd ul{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .det_tabs .hd ul li{width:33.3333%;float:left;}

    .product_det .det_tabs{width:100%;margin-right:0;}
    .product_det .recommend{display:none;}


    
    .market ul li{width:48.5%;margin-right:3%;margin-bottom:3%;}
    .market ul li:nth-child(3n){margin-right:3%;}
    .market ul li:nth-child(2n){margin-right:0;}
    .market ul li .img img{height:40.5vw;}
    .market ul li .text{padding:5px 10px 10px;}
    .market ul li .text h3{font-size:14px;margin-bottom:5px;}
    .market ul li .text p{font-size:12px;}


    
    .market_det .title{font-size:18px;padding:0 0 10px;}
    .market_det .content{padding:20px 0 40px;}
    .related_pro{padding:30px 3% 10px;}
    .related_pro .content{padding:0 40px;}
    .related_pro .content .swiper-slide{width:100%;margin-right:0;}
    .related_pro .content .swiper-slide .text{padding:0 10px 10px;}
    .related_pro .content .swiper-slide .text span{display:none;}
    .related_pro .content .swiper-button-prev, .related_pro .content .swiper-button-next{width:30px;height:30px;margin-top:-15px;}
    

    
    
    .news .news_list ul li .cont {width: 100%;height: auto;}
    .news .news_list ul li span.more {display: none;}
    .news .news_list ul li .img {width: 100%;height: 200px;margin-top: 15px;}
    
    .news_det{margin-bottom:40px;}
    .news_det .title h1{font-size:20px;line-height:30px;}
    .news_det .title .bdsharebuttonbox{display:none;}
    .news_det .content{padding-bottom:30px;}
    .news_det .interested ul li{width:49%;}
    .news_det .interested ul li:nth-child(3n){margin-right:2%;}
    .news_det .interested ul li:nth-child(2n){margin-right:0;}

    .chapter ul li{width:100%;margin-bottom:10px;}
    .chapter ul li:first-child{margin-right:0;}
    .news_det .interested{margin-top:30px;}


    
    .contact .left .title{margin-bottom:20px;}
    .contact .left .title p{font-size:14px;}
    .contact .left .title h1{font-size:20px;}
    .contact .left .text{padding-bottom:20px;}
    .contact .right h3{padding-left:0;font-size:18px;text-align:right;}
    .contact .right .box{margin-bottom:10px;}
    .contact .right .box label{font-size:14px;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px;}
    .contact .right .box input{width:calc(100% - 142px);}
    .contact .right .box select{width:calc(100% - 122px);}
    .contact .right .btn{margin-left:120px;}
    .contact .map{height:300px;margin-bottom:40px;}


    
    .team{padding:0 2%;}
    .team .list .title h3{background-size: auto 50px;}
    .team .list .title p{line-height:20px;}
    .team .list{margin-bottom:25px;}
    .team .list ul li{width:46%;margin:0 1.5% 15px;}

    
    .about_title{font-size:24px;line-height:30px;}
    .introduction .data ul li{margin:0 10px;}
    .introduction .data ul li h3 span{font-size: 36px;}
    .introduction .data ul li p{font-size:14px;}

    .setting .swiper-button-prev, .setting .swiper-button-next{width:25px;height:25px;top:30px;}
    .setting .swiper-button-prev{right: calc(18% + 40px);}
    .setting .swiper-container{padding:80px 18% 30px;}
    .setting .swiper-slide{width:96%;margin:0 2%;}

    .honor .content{display:block;}
    .honor .content .left{width:100%;padding:0;text-align:center;margin-bottom:30px;}
    .honor .content .right{width:80%;padding:0 10%;}
    .honor .swiper-button-prev, .honor .swiper-button-next{width:25px;height:25px;}
    .honor .content .right .swiper-slide p{line-height:20px;padding:20px 0 30px;}

    .about_team .content{width:88%;}
    .about_team .content .title{font-size:20px;line-height:30px;}
    .about_team .content .text h3{font-size:20px;}
    .society{padding:60px 3%;}
    .join{padding:40px 3%;}
    .join .content ul{margin:25px 0;}
    .join .content ul li p{margin:10px 0;}

    .air img{width:200px;}
    
}