@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:'Source Han Sans CN', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial'; font-size:14px; color:#333; text-align:center; background:#fff; line-height:26px; margin-left:auto; margin-right:auto; overflow-x: hidden;}
a{ color:#333; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium; -webkit-tap-highlight-color:transparent;}
a:link{ text-decoration:none;}
a:hover{ color:#00aaee;}
a img{ border:0 none;}
a{ blr:expression(this.onFocus=this.blur());}
a{ outline:none;}
a:focus{ outline:none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0; padding:0;}
ul,li,dl,dd,dt{ padding:0; margin:0; list-style:none;}
input,textarea{ font-family:'Source Han Sans CN', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'Source Han Serif CN', 'SimSun', 'SimHei', 'Arial'; outline:none; resize:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0; font-size: 15px;}
em,i{ font-style:normal;}
video{ outline:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.font{ font-family:'SimSun';}
.length{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:20px 0 40px 0;}
.container{ min-width:78%; width:78%; margin:0 auto; padding:0; text-align:left;}
/* CSS Common*/

/*header */
#header{ position:fixed; width:100%; height:80px; margin:0 auto; text-align:center; z-index:9;}
#header>.container{ display: flex; justify-content: space-between; align-items: center;}
#header .logo{ float:left; padding:23px 0;}
#header .logo img:nth-child(1){display:none;}
#header .header_lang{ float:right; font-size: 18px; margin-left: 20px;}
#header .header_lang>span{margin-right: 20px;}
#header .header_lang img{ position:relative; top:2px; margin-right:8px;}
#header .header_lang img:nth-child(1){display:none;}
#header .header_lang>.search{cursor: pointer;}
#header .header_search{width: 100%; height: 85px; background: #ededef; position: absolute; left: 0; top: 78px; z-index: 8; border-top: 1px solid #fff; display: none;}
#header .header_search form{width: 500px; height: 46px; background-color: #fff; margin: 0 auto; margin-top: 18px; overflow: hidden;}
#header .header_search input[type="text"]{width: 450px; height: 46px; border: 0; padding: 0 20px; box-sizing: border-box; font-size: 15px;}
#header .header_search button{cursor: pointer; padding-right: 18px; border: 0; background: none; position: relative; top: 2px;}
.header_box{background:#ededef;}
.header_box .logo img:nth-child(1){display:block !important;}
.header_box .logo img:nth-child(2){display:none;}
.header_box .header_lang img:nth-child(1){display:inline-block !important;}
.header_box .header_lang img:nth-child(2){display:none;}
.header_box .menu ul>li>a{color:#333;}
.header_box .menu ul>li>a{color:#333;}
.header_box .menu ul>li>a.on{ color:#00aaee; border-color:#69e2fc;}
.header_box .menu ul>li>a.curr{ color:#00aaee; border-color:#69e2fc;}
.header_box .menu ul>li span{color:#333;}
.header_box .menu ul>li span>a{color:#333;}

/*menu*/
.menu{ width:100%; height:80px;}
.menu ul{ margin:auto; display: flex; justify-content: flex-end;}
.menu ul>li{ height:80px; line-height:80px; margin: 0 2%; float:left; text-align:center; position: relative; z-index:9;}
.menu ul>li>a{ display:block; font-size:20px; height:100%; border-bottom:0 solid transparent; box-sizing:border-box; color:#fff;}
.menu ul>li>a:hover{ color:#00aaee;}
.menu ul>li>a.on{ color:#00aaee; border-color:#69e2fc;}
.menu ul>li>a.curr{ color:#00aaee; border-color:#69e2fc;}
.menu ul>li span{color:#fff;}
.menu ul>li span>a{color:#fff;}
.menu ul>li .dl_box{ width:150%; position:absolute; background:#0066CC; left:-25%; top:79px; z-index:9; box-sizing:border-box; display:none;}
.menu ul>li dl dd{ width:100%; line-height:1;}
.menu ul>li dl dd a{ font-size:16px; color:#fff; padding:10px; border-bottom:1px solid transparent; line-height: 1.4; height: auto; display: block; text-align: center;}
.menu ul>li dl dd a:hover{background-color: #00AAEE;}

/*header_nav*/
.header_nav{ position:absolute; width:100%; top:161px; height:300px; left:0; background:#fff; z-index:2; display:none;}
.header_nav .header_nav_box{ margin:0 auto;}
.header_nav .header_nav_box dl{ width:96px; height:180px; float:left; text-align:center; padding:15px 0; overflow:hidden;}
.header_nav .header_nav_box dl:first-child{ margin-left:4px;}
.header_nav .header_nav_box dl>dd>a{ color:#bababa; line-height:2.2;}
.header_nav .header_nav_box dl>dd>a:hover{ color:#e6212d;}
.header_nav .header_nav_box dl:hover{ background:rgba(255,255,255,0.15) !important;}

/*banner*/
.banner{ height:100vh;}
.banner .swiper-slide{ background-position:center; background-repeat:no-repeat; align-items:center; justify-content:center; background-size:cover; position:relative;}
.banner .swiper-slide .desc{ position:absolute; top:40vh; left:0; right:0; margin:auto;}
.banner .swiper-slide .desc em{ display:block; font-size:74px; color:#fff; font-weight:bold; line-height:1;}
.banner .swiper-slide .desc p{ color:#fff; font-size:23px; margin-top:20px;}
.banner .swiper-slide .desc a{ width:172px; height:35px; line-height:35px; font-size:16px; border:1px solid #fff; color:#fff; border-radius:50px; display:block; margin-top:30px; text-align:center; transition:all 0.3s;}
.banner .swiper-slide .desc a:hover{ background:#fff; color:#333;}
.banner .swiper-slide video{ width:100%; height:100%; object-fit:cover; background:#000;}
.banner .swiper-slide video+.desc em{ color:#fff;}
.banner .swiper-slide video+.desc p{ color:#fff;}
.banner .swiper-pagination{ bottom:36px;}
.banner .swiper-pagination-bullet{ margin:0 5px !important;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1; width:72px; height:4px; border-radius:0;}
.banner .swiper-pagination-bullet-active{ background:#00aaee; height:6px;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:15px; height:24px; background-size:15px 24px; margin-top:-12px;}
.banner .swiper-button-prev{ left:20px;}
.banner .swiper-button-next{ right:20px;}

/*banner_inside*/
.banner_inside{ height:320px;}
.banner_inside .swiper-slide{ background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; background-size:cover;}
.banner_inside .swiper-slide .desc{margin-top: 30px;}
.banner_inside .swiper-slide .desc>em{ display:block; font-size:46px; color:#fff; font-weight:bold; line-height:1.2;}
.banner_inside .swiper-slide .desc>p{ color:#fff; font-size:23px; margin-top:18px;}
.banner_box{ margin-bottom:160px;}

/*banner_products*/
.banner_products{ height:100vh;}
.banner_products .swiper-slide{ background-image:url(../images/product_bg.jpg); background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; background-size:cover;}
.banner_products .swiper-slide .container{ display:flex; align-items:center; overflow:hidden; position:relative; height:100%;}
.banner_products .swiper-slide .desc{ width:50%; text-align:left;}
.banner_products .swiper-slide .desc>em{ display:block; font-size:64px; color:#fff; font-weight:bold; line-height:1.2;}
.banner_products .swiper-slide .desc>p{ color:#fff; font-size:23px; margin-top:18px;}
.banner_products .swiper-slide .img{ position:absolute; bottom:0; right:0; margin-left:auto; text-align:right;}
.banner_products .swiper-slide .img>img{ width:auto; height:72vh;}

/*banner_list*/
.banner_list{ height:320px;}

/*home_pro*/
#home_pro{ margin-top:120px;}
#home_pro .home_pro_dh{ font-size:23px; text-align:left; position:relative;}
#home_pro .home_pro_dh>em{ color:#00aaee; font-size:60px; font-weight:bold; line-height:1; display:block; margin-bottom:30px;}
#home_pro .home_pro_dh>a{ float:right; width:172px; height:35px; line-height:35px; font-size:16px; position:absolute; right:0; top:10px; border:1px solid #00aaee; color:#00aaee; border-radius:50px; display:block; margin-top:30px; text-align:center; transition:all 0.3s;}
#home_pro .home_pro_dh>a:hover{ background:#00aaee; color:#fff;}
#home_pro .home_pro_con{ margin-top:80px; overflow:hidden;}
#home_pro .home_pro_con ul{ display:flex; flex-wrap:wrap; gap:30px;}
#home_pro .home_pro_con ul li{ width: calc((100% - 30px)/2); position:relative; overflow:hidden;}
#home_pro .home_pro_con ul li:nth-child(2n+1){ margin-left:0;}
#home_pro .home_pro_con ul li .img{ width:100%; height:100%; overflow:hidden;}
#home_pro .home_pro_con ul li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_pro .home_pro_con ul li img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#home_pro .home_pro_con ul li .desc{ position:absolute; top:60%; margin-left:8%; width:50%;}
#home_pro .home_pro_con ul li .desc>span{ font-size:26px; display:block; vertical-align:top; line-height:1.6;}
#home_pro .home_pro_con ul li .desc>.desc_box{ margin-top:20px; font-size:20px; line-height:1.6; color:#555;}

/*home_news*/
#home_news{ margin:140px 0 180px 0;}
#home_news .home_news_dh{ font-size:23px; text-align:left; position:relative;}
#home_news .home_news_dh>em{ color:#00aaee; font-size:60px; font-weight:bold; line-height:1; display:block; margin-bottom:30px;}
#home_news .home_news_dh>a{ float:right; width:172px; height:35px; line-height:35px; font-size:16px; position:absolute; right:0; top:10px; border:1px solid #00aaee; color:#00aaee; border-radius:50px; display:block; margin-top:30px; text-align:center; transition:all 0.3s;}
#home_news .home_news_dh>a:hover{ background:#00aaee; color:#fff;}
#home_news .home_news_con{ margin-top:80px;}
#home_news .home_news_con ul{ display:flex; flex-wrap:wrap;}
#home_news .home_news_con ul li{ width:50%; background:#f8fafa; overflow:hidden;}
#home_news .home_news_con ul li>a{ display:block; display:flex;}
#home_news .home_news_con ul li .img{ width:50%; overflow:hidden;}
#home_news .home_news_con ul li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#home_news .home_news_con ul li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#home_news .home_news_con ul li .desc{ width:50%; display:flex; align-items:center; justify-content:center; position:relative; transition:all 0.3s;}
#home_news .home_news_con ul li .desc .box{ padding:0 10%; box-sizing:content-box;}
#home_news .home_news_con ul li .desc span{ font-size:20px; line-height:1.4; display:block; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.3s;}
#home_news .home_news_con ul li .desc .desc_box{ font-size:16px; margin-top:15px; color:#888; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.3s;}
#home_news .home_news_con ul li:nth-last-of-type(-n+2)>a{ flex-direction:row-reverse;}
#home_news .home_news_con ul li .desc:after{ content:''; width:0px; height:0px; border-width:16px; border-style:solid; border-color:transparent #f8fafa transparent transparent; position:absolute; top:50%; left:-32px; margin:0 auto; margin-top:-16px; transition:all 0.3s;}
#home_news .home_news_con ul li:nth-last-of-type(-n+2) .desc:after{ border-color:transparent transparent transparent #f8fafa; left:auto; right:-32px;}
#home_news .home_news_con ul li:hover .desc{ background:#00aaee; color:#fff;}
#home_news .home_news_con ul li:hover .desc span{ color:#fff;}
#home_news .home_news_con ul li:hover .desc .desc_box{ color:#fff;}
#home_news .home_news_con ul li:hover .desc:after{ border-color:transparent #00aaee transparent transparent;}
#home_news .home_news_con ul li:nth-last-of-type(-n+2):hover .desc:after{ border-color:transparent transparent transparent #00aaee;}

/*left*/
#left{ width:100%; border-bottom:1px solid #eee;}
#left .left_dh>ul{ text-align:center;}
#left .left_dh>ul>li{ width: 20%; height:60px; line-height:60px; margin:0 20px; display:inline-block; vertical-align:top;}
#left .left_dh>ul>li a{ height:100%; display:block; padding:0 15px; font-size:20px;}
#left .left_dh>ul>li a:hover{ color:#00aaee;}
#left .left_dh>ul>li a.on{ color:#fff; background-color: #00aaee; font-weight: bold;}
#left .left_news{margin-top: 50px;}
#left .left_pro>ul{ background-color: #f5f5f5;}
#left .left_pro>ul>li a.on{ color:#fff; background-color: #00aaee; font-weight: bold;}

/*content*/
#right{ width:100%;}
#right .right_con{ min-height:200px;}
#right .right_box{ font-size:16px; line-height:2; margin:50px 0;}
#right .right_box img{ max-width:100%; height:auto;}
#right .right_box video{ max-width:100%; height:auto;}
#right .right_box iframe{ max-width:100%; height:auto;}

/*about*/
.about_1{ padding:60px 0 80px 0; font-size:22px; line-height:2;}
.about_2{ background-position:top center; background-repeat:no-repeat; background-size:cover; padding:100px 0;}
.about_2 .dh{ text-align:left;}
.about_2 .dh em{ font-size:74px; color:#00aaee; display:block; font-weight:bold; line-height:1;}
.about_2 .dh span{ font-size:23px; margin-top:20px; display:block;}
.about_2 .list{ margin-top:60px;}
.about_2 .list .swiper-slide{ position:relative; background-size:cover; background-repeat:no-repeat; transform:scale(0.8); transition:all 0.6s; filter:blur(5px);}
.about_2 .list .swiper-slide img{ width:100%; height:100%; object-fit:cover;}
.about_2 .list .swiper-slide>.desc{ position:absolute; top:10%; left:8%; color:#fff; text-align:left; font-size:22px; opacity:0; transition:all 0.6s;}
.about_2 .list .swiper-slide>.desc>em{ font-size:220px; line-height:1; font-weight:bold; color:rgba(255,255,255,0.7);}
.about_2 .list .swiper-slide:nth-child(2n){ margin-top:0;}
.about_2 .list .swiper-slide-active,.swiper-slide-duplicate-active{ transform:scale(1); filter:blur(0);}
.about_2 .list .swiper-slide-active>.desc{ opacity:1;}
.about_2 .list .swiper-button-next{ width:40px; height:106px; background:url(../images/about_r.png) no-repeat center; margin-top:-53px; transition:all 0.3s;}
.about_2 .list .swiper-button-prev{ width:40px; height:106px; background:url(../images/about_l.png) no-repeat center; margin-top:-53px; transition:all 0.3s;}
.about_2 .list .swiper-button-prev{ left:21%;}
.about_2 .list .swiper-button-next{ right:21%;}
.about_2 .list .swiper-button-next:hover{ background-image:url(../images/about_r_a.png);}
.about_2 .list .swiper-button-prev:hover{ background-image:url(../images/about_l_a.png);}
.about_3{ padding:110px 0; font-size:22px; line-height:2; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.about_3 .dh{ margin-top:90px;}
.about_3 .dh>em{ float:right; color:#00aaee; font-size:74px; font-weight:bold; display:block;}
.about_3 .desc{ padding-top:300px;}
.about_4{ padding:110px 0; background-image:url(../images/about_logo_bg.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover;}
.about_4 .dh>em{ font-size:50px; display:block; line-height:1;}
.about_4 .dh>i{ width:75px; height:9px; background:#00aaee; display:block; margin-top:30px; border-radius:10px;}
.about_4 .list{ margin-bottom:80px;}
.about_4 .list:nth-child(5){ margin-bottom:0;}
.about_4 ul{ margin-top:60px;}
.about_4 ul>li{ width:23.5%; margin-left:2%; float:left; margin-bottom:2%; background:url(../images/about_logo_ico.png) no-repeat center; background-size:cover; border-radius:15px; box-shadow:0 1px 15px 3px rgba(0,0,0,0.1); text-align:center; padding:35px 0;}
.about_4 ul>li:nth-child(4n+1){ margin-left:0;}
.about_4 ul>li img{ max-width:90%; max-height:80%;}
.about_4 ul>li.more{ cursor:pointer; margin-left:2%;}
.about_5{ background:#f2ecee; display:flex; align-items:center; justify-content:center;}
.about_5 .dh{ text-align:left; position:relative;}
.about_5 .dh em{ font-size:74px; color:#00aaee; display:block; font-weight:bold; line-height:1;}
.about_5 .dh span{ font-size:23px; margin-top:25px; display:block;}
.about_5 .desc{ position:absolute; left:0; margin-top:14%; z-index:2;}
.about_5 img{ float:right; width:45%; height:auto;}
.about_5 .list{ margin-top:60px;}
.about_6{ background-image:url(../images/about_honor_bg2.jpg); padding:60px 0 100px 0; background-position:top center; background-repeat:repeat-x; display:flex; align-items:center; justify-content:center;}
.about_6 .container{ background:#fff; border-radius:35px; box-shadow:0 1px 20px 3px rgba(0,0,0,0.1); padding:5%; box-sizing:border-box;}
.about_6 .dh>em{ font-size:50px; display:block; line-height:1;}
.about_6 .dh>i{ width:75px; height:9px; background:#00aaee; display:block; margin-top:30px; border-radius:10px;}
.about_6 .list{ margin-top:40px; padding-bottom:70px; margin-bottom:70px; border-bottom:1px solid #ebebeb; text-align:center;}
.about_6 .list:last-child{ padding-bottom:0; margin-bottom:0; border:0;}
.about_6 .list>img{ max-width:100%; height:auto;}
.about_6 .list>.desc{ margin-top:70px; font-size:22px; line-height:2; text-align:left;}
.about_6 .list>ul>li{ display:inline-block; width:33%; font-size:22px; line-height:2; vertical-align:top; text-align:left;}
.about_6 .list>ul>li:last-child{ text-align:center;}
.about_7{ font-size:22px; line-height:2; margin-bottom:100px;}
.about_7 .dh{ height:566px; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.about_7 .dh .desc{ float:right; margin-top:230px; text-align:right;}
.about_7 .dh .desc>em{ color:#00aaee; font-size:74px; font-weight:bold; display:block; line-height:1;}
.about_7 .dh .desc>span{ margin-top:12px; display:block; line-height:1;}
.about_7 .list{ margin-top:60px; display:flex;}
.about_7 .list .desc{ width:30%; display:flex; align-items:center; justify-content:center;}
.about_7 .list .img{ width:60%; margin-left:auto;}
.about_7 .list .img>img{ max-width:100%;}

/*pro*/
#pro{ margin-top:75px;}
#pro .pro_con{ margin-top:80px; height:515px; overflow:hidden;}
#pro .pro_con ul{ text-align:left;}
#pro .pro_con ul li{ width:33%; float:left; margin-right:1.5%; position:relative; overflow:hidden;}
#pro .pro_con ul li .img{ width:100%; height:100%; overflow:hidden;}
#pro .pro_con ul li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
#pro .pro_con ul li img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
#pro .pro_con ul li span{ font-size:22px; display:block; height:72px; line-height:72px; text-align:center; background:#f5f5f6; transition:all 0.3s; margin-top:5px;}
#pro .pro_con ul li:hover span{ background:#00aaee; color:#fff;}

/*pro_nav*/
.pro_nav ul{ display: flex; justify-content: center; flex-wrap: wrap; font-size: 18px;}
.pro_nav ul>li a{padding: 10px 20px; border: 1px solid transparent; border-radius: 40px; margin: 0 20px; margin-top: 10px; display: block;}
.pro_nav ul>li a.on{border-color: #00aaee; font-weight: bold;}

/*list_pro*/
ul.list_pro{ display:flex; margin-bottom:40px; flex-wrap: wrap; margin-top: 50px;}
ul.list_pro li{ width: 32%; margin-left: 2%; margin-bottom: 3%; text-align: center; border: 1px solid #e6e6e6; box-sizing: border-box; border-radius: 15px; overflow: hidden;}
ul.list_pro li:nth-child(3n+1){ margin-left:0;}
ul.list_pro li a{ display:block;}
ul.list_pro li .img{ width: 100%; height: auto;}
ul.list_pro li img{ max-width:100%; margin:0 auto; transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li .desc{background-color: #f5f5f5; padding: 15px; box-sizing: border-box;}
ul.list_pro li .desc>span{ display: block; font-size: 20px;}
ul.list_pro li .desc>em{ display: none; font-size: 20px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pro li:hover .desc{ background-color: #00aaee; color: #fff;}

/*display*/
.dis_big{ text-align:center;}
.dis_note{ text-align:left;}
.dis_note img{ max-width:100%; max-width: 100% !important; height:auto !important;}
.dis_note .list_1{ margin:90px 0;}
.dis_note .list_1 .dh>em{ font-size:72px; color:#00aaee; font-weight:bold; display:block; line-height:1;}
.dis_note .list_1 .dh>span{ font-size:22px; display:block; margin-top:20px;}
.dis_note .list_1 .desc{ margin-top:90px;}
.dis_note .list_1 .desc img{ width:100%; height:auto;}
.dis_note .list_1 .desc video{ width:100%; height:auto;}
.dis_note .list_1 .desc iframe{ width:100%; height:auto;}
.dis_note .list_4{ margin-top:90px;}
.dis_note .list_4 .dh{ margin-bottom:90px;}
.dis_note .list_4 .dh>em{ font-size:72px; color:#00aaee; font-weight:bold; display:block; line-height:1;}
.dis_note .list_4 .dh>span{ font-size:22px; display:block; margin-top:20px;}
.dis_note .list_4 .img{ width:56%; float:left;}
.dis_note .list_4 .desc{ width:38%; float:right;}
.dis_note .list_4 .swiper-slide>img{ width:100%; height:100%; object-fit:cover;}
.dis_note .list_4 .swiper-pagination{ text-align:right; right:20px; left:auto; bottom:20px;}
.dis_note .list_4 .swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff; opacity:1; margin:0 6px;}
.dis_note .list_4 .swiper-pagination-bullet-active{ background:#00aaee;}
.dis_list{ margin:120px 0 160px 0;}
.dis_list .container{ position:relative;}
.dis_list .swiper-container{ width:92%; margin:0 auto;}
.dis_list .swiper-slide{ width:100%; height:100%;}
.dis_list .swiper-slide .img{ width:100%; height:220px; background:url(../images/pro_bg.jpg) no-repeat center; background-size:cover; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.dis_list .swiper-slide .desc{ width:42%;}
.dis_list .swiper-slide .desc>em{ font-size:16px; color:#00aaee; display:block;}
.dis_list .swiper-slide .desc>p{ font-size:16px; color:#333; margin-top:5px; display:none;}
.dis_list .swiper-slide .desc>i{ width:120px; height:30px; line-height:30px; font-size:14px; border:1px solid #00aaee; color:#00aaee; border-radius:50px; display:block; margin-top:20px; text-align:center; transition:all 0.3s;}
.dis_list .swiper-slide .desc>i:hover{ background:#00aaee; color:#fff;}
.dis_list .swiper-slide img{ max-width:48%; height:auto; transition:all 0.6s; -ms-transition:all 0.6s;}
.dis_list .swiper-slide img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1);}
.dis_list .swiper-slide>a>span{ font-size:22px; display:block; height:52px; line-height:52px; text-align:center; background:#f5f5f6; transition:all 0.3s; margin-top:4px;}
.dis_list .swiper-slide:hover>a>span{ background:#00aaee; color:#fff;}
.dis_list .fa-left{ width:24px; height:68px; display:block; background:url(../images/about_l.png) no-repeat center; background-size:contain; margin-top:-34px; cursor:pointer; position:absolute; left:0; top:50%; transition:all 0.3s;}
.dis_list .fa-right{ width:24px; height:68px; display:block; background:url(../images/about_r.png) no-repeat center; background-size:contain; margin-top:-34px; cursor:pointer; position:absolute; right:0; top:50%; transition:all 0.3s;}
.dis_list .fa-left:hover{ background-image:url(../images/about_l_a.png);}
.dis_list .fa-right:hover{ background-image:url(../images/about_r_a.png);}

/*list_share*/
ul.list_share{ text-align:center;}
ul.list_share li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.list_share li:nth-child(4n+1){ margin-left:0;}
ul.list_share li .img{ width:235px; height:180px; overflow:hidden;}
ul.list_share li img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_share li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ text-align:center;}
ul.share_list li{ float:left; width:235px; margin-left:20px; margin-bottom:20px;}
ul.share_list li:nth-child(4n+1){ margin-left:0;}
ul.share_list .img{ width:235px; height:180px; background:#fff; display:table-cell; vertical-align:middle; text-align:center; display:block; border:1px solid #ddd; overflow:hidden;}
ul.share_list .img img{ max-width:100%; max-height:100%; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
ul.share_list li:hover img{ transform:scale(1.08); -webkit-transform:scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px; text-align:center;}

/*login*/
.login{padding: 30px 0 20px 0; font-size: 15px;}
.login .form_box{width: 500px; background: #fff; padding: 40px 30px 20px 30px; box-sizing: border-box; text-align: center; margin: 0 auto; border: 1px solid #e6e6e6;}
.login .form_box>span{font-size: 26px; display: block; line-height: 1; font-weight: bold;}
.login .form_box>form{margin-top: 20px;}
.login .form_box>form .form-group{text-align: left; margin-bottom: 20px; position: relative;}
.login .form_box>form .form-group>span{display: block;}
.login .form_box>form .form-group input{width: 100%; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; margin-top: 10px; text-indent: 15px; box-sizing: border-box;}
.login .form_box>form .form-group input:focus{border-color: #0066CC;}
.login .form_box>form .form-group>em>a{color: #0066CC;}
.login .form_box>form .form-group>button{width: 176px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; background-color: #0066CC; display: block; margin: 0 auto; border: 0; cursor: pointer; margin-top: 30px; border-radius: 3px;}
.login .form_box>form .form-group>button:hover{background-color: #00aaee;}
.login .form_box>form .form-group a{cursor: pointer; color: #0066CC;}
.login .form_box>form .form-group .input_box{width: 320px; border-right: 0;}
.login .form_box>form .form-group .box>button{width: 118px; height: 40px; border: 1px solid #0066CC; background-color: #0066CC; color: #fff; box-sizing: border-box; margin-top: 10px;}

/*reg*/
.reg{padding: 30px 0 20px 0; font-size: 15px;}
.reg .form_box{width: 500px; background: #fff; padding: 40px 0 20px 0; box-sizing: border-box; text-align: center; margin: 0 auto; border: 1px solid #e6e6e6;}
.reg .form_box>span{font-size: 26px; display: block; line-height: 1; font-weight: bold;}
.reg .form_box>form{margin-top: 20px; padding: 0 30px;}
.reg .form_box>form .form-group{text-align: left; margin-bottom: 20px; position: relative;}
.reg .form_box>form .form-group>span{display: block;}
.reg .form_box>form .form-group>span>i{color: #e50010; margin-right: 5px;}
.reg .form_box>form .form-group>input{width: 100%; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; margin-top: 10px; text-indent: 15px; box-sizing: border-box;}
.reg .form_box>form .form-group>input:focus{border-color: #0066CC;}
.reg .form_box>form .form-group>em>a{color: #0066CC;}
.reg .form_box>form .form-group button[type="submit"]{width: 176px; height: 46px; line-height: 46px; text-align: center; color: #fff; font-size: 16px; background-color: #0066CC; display: block; border-radius: 3px; margin: 0 auto; border: 0; cursor: pointer; margin-top: 30px;}
.reg .form_box>form .form-group button[type="submit"]:hover{background-color: #00aaee;}
.reg .form-group select{width: 100%; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; margin-top: 10px; text-indent: 15px; box-sizing: border-box; outline: none; font-size: 15px;}
.reg .form_group select:focus{border-color: #00aaee;}
.reg .form-group input[type="file"]{display: none;}
.reg .form-group .file{position: relative;}
.reg .form-group .file>input{width: 100%; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; margin-top: 10px; text-indent: 15px; box-sizing: border-box;}
.reg .form-group .file>i{width: 100px; background: #f6f6f6; height: 40px; line-height: 40px; display: block; text-align: center; border: 1px solid #e6e6e6; box-sizing: border-box; cursor: pointer; transition: all 0.3s; -ms-transition: all 0.3s; position: absolute; right: 0; top: 10px;}
.reg .form-group .file>i:hover{background: #0066CC; border-color: #0066CC; color: #fff;}
.reg .form-group>a{color: #0066CC; display: block; text-align: left; font-size: 15px;}
.reg .form-group>a.download{margin-top: 10px; color: #333;}
.reg .form-group>a.download:hover{color: #0066CC;}
.reg .form-box{display: flex; justify-content: space-between !important;}

/*list_download*/
ul.list_download{display: flex; flex-wrap:wrap; gap: 30px; margin: 30px 0 60px 0;}
ul.list_download li{width: calc((100% - 60px)/3); border: 1px solid #eee; border-radius: 10px; padding: 25px; box-sizing: border-box; transition: all .3s ease-in-out;}
ul.list_download li .desc{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; min-height: 110px;}
ul.list_download li .desc span{width: calc(100% - 60px); font-size: 20px;}
ul.list_download li .ico{margin-top: 20px; font-size: 16px; color: #333;}
ul.list_download li .ico i{margin-left: 10px; font-size: 20px;}
ul.list_download li:hover{box-shadow: 0 5px 20px -5px rgba(0,0,0,0.1);}

/*table*/
table{ width:100%; border-width:1px; border-color:#eee; border-collapse:collapse;}
table th{ border-width:1px; padding:8px; border-style:solid; border-color:#eee; background-color:#e8e8e8;}
table td{ border-width:1px; padding:8px; border-style:solid; border-color:#eee; background-color:#fff;}

/*list_news*/
ul.list_news li{ position:relative; height:40px; line-height:40px; border-bottom:1px dotted #ccc;}
ul.list_news li span{ position:absolute; right:5px; top:0;}

/*list_hot_news*/
.list_hot_news{margin-top: 40px; display: flex; flex-wrap: wrap;}
.list_hot_news li{ width: 32%; margin-left: 2%; margin-bottom: 2%;}
.list_hot_news li:nth-child(3n+1){ margin-left: 0;}
.list_hot_news li .img{ width:100%; height: 15vw; overflow:hidden;}
.list_hot_news li .img img{ width:100%; height: 100%; object-fit: cover; transition-duration:.5s; -ms-transition-duration:.5s; -moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.list_hot_news li .img img:hover{ transform:scale(1.08); -webkit-transform:scale(1.08);}
.list_hot_news li span{display: block; margin-top: 15px; font-size: 18px; padding: 0 10px; box-sizing: border-box; text-align: center;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_img_news*/
ul.list_img_news{ margin:60px 0 60px 0;}
ul.list_img_news li{ padding-bottom:20px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #eee;}
ul.list_img_news li .img{ width:30%; height: 12vw; float:left; overflow:hidden;}
ul.list_img_news li .img img{ width:100%; height:100%; object-fit:cover; transition:all 0.6s; -ms-transition:all 0.6s;}
ul.list_img_news li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_img_news li .desc{ width:100%; float:right;}
ul.list_img_news li span{ font-size:26px; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:2; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list_img_news li p{ color:#888; line-height:1.8; font-size:18px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:1; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
ul.list_img_news li em{ display:block; font-size:16px; color:#888;}
ul.list_img_news li i{ font-size:16px; color:#00aaee; display:block; margin-top:10px; transition:all 0.3s;}

/*list_pic_news*/
ul.list_pic_news{ text-align:center;}
ul.list_pic_news li{ float:left; width:300px; margin:0 8px; height:260px;}
ul.list_pic_news li .img{ width:300px; height:200px; overflow:hidden;}
ul.list_pic_news li img{ width:100%; height:100%; object-fit:cover; transition:all 0.8s ease 0s; -webkit-transform:all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;}
ul.list_pic_news li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news{ margin:0 auto; margin-top:120px; margin-bottom:60px; max-width:1000px;}
#dis_news .news_title{ font-size:26px; text-align:center;}
#dis_news .news_date{ text-align:center; line-height:2; padding:10px 0; color:#888; font-size:16px;}
#dis_news .news_content{ text-align:left; line-height:2; font-size:16px; margin-top:20px;}
#dis_news .news_more{ margin-top:50px; display:flex;}
#dis_news .news_more>dd{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#dis_news .news_more>dd:nth-child(2){ margin-left:auto;}

/*list_links*/
ul.list_links{ text-align:center;}
ul.list_links li{ float:left; padding:5px 10px; text-align:center; width:140px; height:50px;}
ul.list_links li img{ width:130px; height:50px;}

/*page*/
.page{ text-align:center; line-height:30px; min-height:30px; clear:both; margin-top:15px;}
/*pages*/
.pages{ width:100%; margin:0 auto; margin:20px 0 50px 0; text-align:center;}
.pages .pages_m_box{ display:none;}
.pages a{ border:1px solid #eee; padding:8px 13px; margin:0 3px; border-radius:18px;}
.pages a:hover,a.active{ background:#00aaee; color:#fff; border-color:#00aaee;}
.pages span{ border:1px solid #eee; padding:8px 13px; margin:0 3px; cursor:pointer; border-radius:18px;}
.pages span:hover,span.active{ background:#00aaee; color:#fff; border-color:#00aaee;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}

/*map*/
.map{ width:100%; height:400px; border:1px solid #ccc;}
.map img{ max-width:inherit !important;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
.form{ margin:0 auto; width:100%; margin-top:20px;}
.form .form-group{ margin-bottom:10px;}
.form .form-group>em{ width:96px; display:inline-block;}
.form .form-group>em>i{width:8px; color:#ff0000; margin-right:5px; display:inline-block;}
.form .form-group:nth-child(7)>em{ vertical-align:top;}
.form .form-group>input[type="text"],textarea{ width:300px; height:30px; border:1px solid #ddd; outline:none; text-indent:10px;}
.form .form-group>input.code{ width:80px;}
.form .form-group>textarea{ width:296px; height:100px; margin:5px 0;}
.form .form-group>.box{ margin:0 auto; text-align:center; margin-top:20px;}
.form .form-group>.box>input{ width:100px; background:#e5e5e5; height:36px; line-height:36px; font-size:16px; color:#565656; border:0; cursor:pointer;}
.form .form-group>.box>input[type="submit"]{ margin:0 5px;}
.form .form-group>.box>input[type="submit"]:hover{ background:#00aaee; color:#fff;}
.form .form-group>.box>input[type="reset"]{ margin:0 5px;}
.form .form-group>.box>input[type="reset"]:hover{ background:#00aaee; color:#fff;}

/*float*/
.float{ width:50px; position:fixed; right:0; bottom:150px; background:#e2e4e3; z-index:99; padding:10px 0; border-radius:5px 0 0 5px;}
.float li{ margin:20px 0; position:relative;}
.float li .icon_on{ display:none;}
.float li:hover .icon_on{ display:block;}
.float li:hover .icon_off{ display:none;}
.float li:nth-child(2):hover>.note{ display:block;}
.float li:nth-child(3):hover>.note{ display:block;}
.float em{ display:block; width:80%; margin:0 auto; text-align:center; line-height:1.2; padding-top:10%;}
.float .note{ background:#fff; width:135px; position:absolute; right:50px; color:#222; padding:15px 0 10px 0; text-align:left; padding-left:10px; line-height:1.5; font-size:18px; box-shadow:0px 6px 30px 1px rgba(0,0,0,.2);-webkit-box-shadow:0px 6px 30px 1px rgba(0,0,0,.2); display:none;}
.float .note img{ width:120px; height:120px;}

/*livechat*/
#livechat{ z-index:999; right:45px; visibility:visible; width:140px; position:absolute; top:220px; height:203px; text-align:center;}
#livechat ul,li{ padding:0px; margin:0px; list-style:none; line-height:1.6;}
#livechat ul{ border-top:1px solid #e0e0e0; padding:10px 0;}
#livechat ._title{ line-height:20px; font-size:12px; margin:10px 0; color:#898989; text-align:center; display:inline-block;}
#livechat ._close{ position:absolute; width:22px; height:36px; right:4px; cursor:pointer; top:-1px;color:#fff; font-weight:normal;}
#livechat ._img{ line-height:26px; border:0 none; position:relative; top:3px; right:5px;}
#livechat ul>li>img{ width:80%;}
.chat_top{ width:135px; height:36px; background:#00aaee; font-size:14px; font-weight:bold; color:#fff; line-height:36px; text-align:center; padding-right:5px;}
.chat_line{ border-left:1px solid #00aaee; border-bottom:1px solid #00aaee; border-right:1px solid #00aaee; background:#fff; line-height:28px;}

/*nav*/
#footer_nav{ background:#e2e2e2;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:70px 0 0 0; color:#555;}
#footer_nav .footer_nav_con a{ color:#555; font-size:16px; line-height:2;}
#footer_nav .footer_nav_con a:hover{ color:#00aaee;}
#footer_nav .footer_nav_con .list_con{ float:right;}
#footer_nav .footer_nav_con .list{ float:left; padding-right:7.5%;}
#footer_nav .footer_nav_con .list:nth-child(5){ padding-right:0;}
#footer_nav .footer_nav_con .list span{ font-size:20px; text-align:left; color:#333; display:block; margin-bottom:20px;}
#footer_nav .footer_nav_con .list span>a{ font-size:20px; color:#333; line-height:inherit;}
#footer_nav .footer_nav_con .list span>a:hover{ color:#00aaee;}
#footer_nav .footer_nav_con .list li{ line-height:2; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#footer_nav .footer_nav_con .qcode{ text-align:left; float:right; font-size:16px;}
#footer_nav .footer_nav_con .qcode img{ max-width:142px; float:left;}
#footer_nav .footer_nav_con .qcode .desc{ float:right; margin-top:40px; margin-left:20px;}
#footer_nav .footer_nav_con .qcode .img{ margin-top:45px; text-align:left;}
#footer_nav .footer_nav_con .qcode .img>a{ margin-right:16px; display:inline-block;}
#footer_nav .footer_contact{ border-top:1px solid #d2d2d2; margin-top:50px; padding:60px 0;}
#footer_nav .footer_contact .img{ float:left; margin-top:10px;}
#footer_nav .footer_contact .desc{ float:right; font-size:15px; color:#555;}

/*footer*/
#footer{ padding:20px 0; background:#00aaee; color:#fff;}
#footer a{ color:#fff; font-size:16px;}
#footer a:hover{ color:#fff;}
#footer .footer_con{ margin:0 auto; text-align:center;}

/*go_top*/
.go_top{ width:50px; height:50px; background:#222; color:#fff; font-size:16px; position:fixed; bottom:60px; right:20px; text-align:center; cursor:pointer; display:none;}
.go_top em{ text-align:center; display:block; line-height:1; padding-top:3px;}

/*media*/
@media (min-width:1100px){
.header{ display:none;}
}
@media screen and (max-width:1700px){
.container{min-width: 92%; width: 92%;}
.banner_products .swiper-slide .desc>em{ font-size:58px;}
#home_pro .home_pro_con ul li .desc{ margin-left:4%;}
#home_pro .home_pro_con ul li .desc>span{ font-size:26px;}
#home_pro .home_pro_con ul li .desc>.desc_box{ font-size:20px;}
.about_5 .dh span{ width:80%; line-height:1.8;}
.dis_list .swiper-slide .desc>em{ font-size:15px;}
}
@media screen and (max-width:1600px){
.container{min-width: 92%; width: 92%;}
.menu ul>li>a{font-size: 18px;}
.banner_products .swiper-slide .desc>em{ font-size:54px;}
.banner_inside .swiper-slide .desc>em{ font-size:46px;}
.about_2 .list .swiper-slide>.desc>em{ font-size:180px;}
.about_2 .dh em{ font-size:54px;}
.about_3 .dh>em{ font-size:54px;}
.about_5 .dh em{ font-size:54px;}
.about_7 .dh .desc>em{ font-size:54px;}
#footer_nav .footer_nav_con .list{ padding-right:6%;}
}
@media screen and (max-width:1360px){
.container{min-width: 98%; width: 98%;}
.banner_products .swiper-slide .desc>em{ font-size:46px;}
.banner_inside .swiper-slide .desc>em{ font-size:46px;}
.about_2 .list .swiper-slide>.desc>em{ font-size:150px;}
}
@media screen and (max-width:1300px){
.container{min-width: 98%; width: 98%;}
.menu ul>li{margin: 0 1.5%;}
.menu ul>li>a{font-size: 16px;}
.menu ul>li .box{ margin-left:0; margin:0 auto;}
#header .header_lang{font-size: 16px;}
}
/*public*/
@media screen and (max-width:1099px){
html,body{ overflow:auto; overflow-x:hidden;}
#header{ display:none;}
.container{ min-width:94%; width:94%;}
.con{ padding:0 0 20px 0;}

/*header*/
.header{ width:100%; height:60px; line-height:60px; background:#00aaee; position:fixed; z-index:999;}
.header .m_logo img{ height:16px; padding:22px 0;}
.header .nav{ width:100%; height:100%; background:#fff; position:absolute; left:0; top:60px; border-top:1px solid #f0f0f0; overflow-y:scroll; display:none;}
.header .nav ul li a{ display:block; font-size:15px; color:#454545; line-height:16px; text-align:left; padding:14px 20px; border-bottom:1px solid #f0f0f0;}
.header .nav ul li a:hover{ background:#00aaee; color:#fff;}
.header .nav ul>li a i{ float:right;}
.header .nav dl{ display:block;}
.header .nav dl dd{ text-indent:10px;}
.header .lang{ position:absolute; right:50px; top:0; font-size:15px; color:#fff;}
.header .lang>a{ color:#fff;}
.header .header_icon{ position:fixed; top:0; right:0; height:60px; width:50px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before { position:absolute; background-color:#fff; height:2px; width:24px;}
.header .header_icon span{left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); -webkit-transition:background-color .3s; transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before{ content:''; left:0; -webkit-transition:-webkit-transform .3s; transition:-webkit-transform .3s; transition:transform .3s; transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before{ -webkit-transform:translateY(-9px); -ms-transform:translateY(-9px); transform:translateY(-9px);}
.header .header_icon span::after{ -webkit-transform:translateY(9px); -ms-transform:translateY(9px); transform:translateY(9px);}
.header_top{ height:60px;}

/*banner*/
.banner{ height:240px;}
.banner .swiper-slide .desc{ top:10vh;}
.banner .swiper-slide .desc em{ font-size:22px;}
.banner .swiper-slide .desc p{ font-size:14px; margin-top:5px;}
.banner .swiper-slide .desc a{ width:110px; height:26px; line-height:26px; font-size:14px; margin-top:10px;}
.banner .swiper-slide video{ width:100%; height:100%;}
.banner .swiper-pagination{ bottom:12px;}
.banner .swiper-pagination-bullet{ margin:0 4px !important;}
.banner .swiper-pagination-bullet{ width:10%; height:2px;}
.banner .swiper-pagination-bullet-active{ height:4px;}

/*banner_inside*/
.banner_inside{ height:140px;}
.banner_inside .swiper-slide .desc{margin-top: 0;}
.banner_inside .swiper-slide .desc>em{ font-size:20px;}
.banner_inside .swiper-slide .desc>p{ font-size:14px; margin-top:5px; width:52%;}
.banner_box{ margin-bottom:0;}

/*banner_products*/
.banner_products{ height:240px;}
.banner_products .swiper-slide .desc>em{ font-size:20px;}
.banner_products .swiper-slide .desc>p{ font-size:14px; margin-top:5px; width:90%;}
.banner_products .swiper-slide .img{ width:50%;}
.banner_products .swiper-slide .img>img{ width:100%; height:auto;}

/*home*/
#home_pro{ margin-top:30px;}
#home_pro .home_pro_dh{ font-size:15px;}
#home_pro .home_pro_dh>em{ font-size:18px; margin-bottom:6px;}
#home_pro .home_pro_dh>a{ float:none; position:static; margin-top:10px; width:130px; height:26px; line-height:26px; font-size:14px;}
#home_pro .home_pro_con{ margin-top:25px;}
#home_pro .home_pro_con ul{display: block;}
#home_pro .home_pro_con ul li{ width:100%; margin-left:0; margin-bottom: 4%;}
#home_pro .home_pro_con ul li:last-child{ margin-bottom:0;}
#home_pro .home_pro_con ul li .desc>span{ font-size:15px;}
#home_pro .home_pro_con ul li .desc>.desc_box{ font-size:14px;}

#home_news{ margin:40px 0;}
#home_news .home_news_dh{ font-size:15px;}
#home_news .home_news_dh>em{ font-size:18px; margin-bottom:6px;}
#home_news .home_news_dh>a{ float:none; position:static; margin-top:10px; width:130px; height:26px; line-height:26px; font-size:14px;}
#home_news .home_news_con{ margin-top:25px;}
#home_news .home_news_con ul li{ width:100%;}
#home_news .home_news_con ul li:nth-last-of-type(-n+2)>a{ flex-direction:row;}
#home_news .home_news_con ul li:nth-child(2n+1)>a{ flex-direction:row-reverse;}
#home_news .home_news_con ul li .desc .box{ padding:0 5%;}
#home_news .home_news_con ul li .desc span{ font-size:15px;}
#home_news .home_news_con ul li .desc .desc_box{ font-size:14px; margin-top:5px;}
#home_news .home_news_con ul li .img{ height:120px;}

/*content*/
.about_1{ padding:20px 0; font-size:15px;}
.about_2{ padding:30px 0;}
.about_2 .dh em{ font-size:18px;}
.about_2 .dh span{ font-size:15px; margin-top:5px;}
.about_2 .list{ margin-top:20px; width:92%;}
.about_2 .list .swiper-slide>.desc{ font-size:15px; left:10%; right:10%;}
.about_2 .list .swiper-slide>.desc>em{ font-size:50px;}
.about_2 .list .swiper-button-prev{ left:2%; width:15px; height:40px; background-size:contain; margin-top:-20px;}
.about_2 .list .swiper-button-next{ right:2%; width:15px; height:40px; background-size:contain; margin-top:-20px;}
.about_3{ padding:30px 0; font-size:15px; height:360px; background-position:center -30px;}
.about_3 .dh{ margin-top:30px;}
.about_3 .dh>em{ font-size:20px;}
.about_3 .desc{ padding-top:170px;}
.about_4{ padding:30px 0;}
.about_4 .dh>em{ font-size:20px;}
.about_4 .dh>i{ height:5px; margin-top:15px; border-radius:5px;}
.about_4 ul{ margin-top:20px;}
.about_4 ul>li{ padding:5px 0; border-radius:6px; line-height:1;}
.about_4 ul>li img{ max-width:90% !important;}
.about_4 .list{ margin-bottom:20px;}
.about_5{ padding:3% 0;}
.about_5 .desc{ margin-top:6%;}
.about_5 .dh em{ font-size:18px;}
.about_5 .dh span{ font-size:15px; margin-top:10px; width:68%;}
.about_6{ padding:10px 0 30px 0;}
.about_6 .container{ border-radius:12px;}
.about_6 .dh>em{ font-size:20px;}
.about_6 .dh>i{ height:5px; margin-top:15px; border-radius:5px;}
.about_6 .list{ margin-top:20px; margin-bottom:20px; padding-bottom:20px;}
.about_6 .list>ul>li{ width:100%; float:none; font-size:15px;}
.about_6 .list>.desc{ margin-top:20px; font-size:15px;}
.about_7{ margin-bottom:20px; font-size:15px;}
.about_7 .dh{ height:180px;}
.about_7 .dh .desc{ margin-top:70px;}
.about_7 .dh .desc>em{ font-size:20px;}
.about_7 .dh .desc>span{ margin-top:6px;}
.about_7 .list{ margin-top:30px; display:block;}
.about_7 .list .desc{ width:100%; display:block;}
.about_7 .list .img{ width:100%; margin-top:20px;}

/*pro*/
#pro{ margin-top:20px;}
#pro .pro_con{ margin-top:20px;}
#pro .pro_con ul li{ width:50%;}
#pro .pro_con ul li span{ height:36px; line-height:36px; font-size:16px;}

/*right*/
#right{ width:100%;}
#right .right_con{ min-height:320px; padding:0;}
#right .right_box{ font-size:15px; margin:20px 0;}
#right .right_con img{ max-width:100%; padding:0 !important;}
#right .right_con iframe{ max-width:100%; height:auto;}
#right .right_con video{ max-width:100%; height:auto;}
#right .right_con table{ width:100% !important;}
#right .right_icon{ position:absolute; top:5px; right:0; height:30px; width:30px; overflow:hidden; text-indent:100%; white-space:nowrap; color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative; top:18px; margin-left:4px;}

/*left*/
#left .left_dh{ white-space:nowrap; overflow-x:scroll;}
#left .left_dh>ul>li{ width: auto; height:40px; line-height:40px; margin:0 10px;}
#left .left_dh>ul>li a{ font-size:15px; padding:0 5px;}
#left .left_news{margin-top: 0;}
.mask{ position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.5); display:none;}

/*list_news*/
ul.list_news li{ width:100%;}
ul.list_news li dd{ width: calc(100% - 86px); word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*list_pic_news*/
ul.list_pic_news li{ width:46%; margin:0 2%; margin-bottom:2%;}
ul.list_pic_news li .img{ width:100%; height:100%;}
ul.list_pic_news li img{ width:100%; height:100%;}
ul.list_pic_news li span{ font-size:15px; text-align:left; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.list_pic_news li p{ padding-top:5px;}

/*list_hot_news*/
.list_hot_news{ margin-top:20px;}
.list_hot_news li{width: 100%; margin-left: 0; margin-bottom: 4%;}
.list_hot_news li .img{height: 200px;}
.list_hot_news li span{font-size: 15px;}

/*list_img_news*/
ul.list_img_news{ margin:20px 0;}
ul.list_img_news li{ padding-bottom:15px; margin-bottom:15px;}
ul.list_img_news li .img{ width:40%; height:100px;}
ul.list_img_news li .img img{ width:100%; height:100%;}
ul.list_img_news li .desc{ width:100%;}
ul.list_img_news li span{ font-size:15px; margin:0 0 5px 0; line-height:1; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
ul.list_img_news li p{ line-height:1.6; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:box; display:-webkit-box; line-clamp:1; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
ul.list_img_news li em{ margin-top:3px; font-size:14px;}
ul.list_img_news li i{ margin-top:5px; font-size:14px; width:100px; height:26px; line-height:26px;}

/*dis_news*/
#dis_news{ width:100%; margin:30px 0;}
#dis_news img{ height:auto !important;}
#dis_news .news_title{ font-size:18px;}
#dis_news .news_date{ padding:5px 0;}
#dis_news .news_content{ margin-top:0;}
#dis_news .news_more{ margin-top:20px; display:block;}

/*pro_nav*/
.pro_nav ul>li a{margin: 0 10px; margin-top: 20px; font-size: 15px; padding: 5px 15px;}

/*list_pro*/
ul.list_pro{ margin-top:25px; margin-bottom:10px;}
ul.list_pro li{ width:48%; margin-left:4%; margin-bottom: 4%;}
ul.list_pro li:nth-child(3n+1){ margin-left:4%;}
ul.list_pro li:nth-child(2n+1){ margin-left:0;}
ul.list_pro li .img{height: auto;}
ul.list_pro li .desc{padding: 10px;}
ul.list_pro li .desc>em{font-size: 15px;}
ul.list_pro li .desc>span{font-size: 15px;}

/*dis_note*/
.dis_note .list_1{ margin:30px 0;}
.dis_note .list_1 .dh>em{ font-size:20px;}
.dis_note .list_1 .dh>span{ font-size:15px; margin-top:6px;}
.dis_note .list_1 .desc{ margin-top:15px;}
.dis_note .list_4{ margin-top:30px;}
.dis_note .list_4 .dh{ margin-bottom:15px;}
.dis_note .list_4 .dh>em{ font-size:20px;}
.dis_note .list_4 .dh>span{ font-size:15px; margin-top:6px;}
.dis_note .list_4 .img{ width:100%; float:none;}
.dis_note .list_4 .desc{ width:100%; float:none; margin-top:4%;}
.dis_note .list_4 .swiper-pagination{ right:12px; bottom:12px;}
.dis_note .list_4 .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px;}
.dis_list{ margin:30px 0 20px 0;}
.dis_list .swiper-container{ width:84%;}
.dis_list .fa-left{ left:0; width:15px; height:40px; background-size:contain; margin-top:-36px;}
.dis_list .fa-right{ right:0; width:15px; height:40px; background-size:contain; margin-top:-36px;}
.dis_list .swiper-slide .img{ display:block; padding-top:8%; text-align:center; height:auto;}
.dis_list .swiper-slide .desc{ width:100%; display:block; text-align:center;}
.dis_list .swiper-slide .desc>i{ margin:0 auto; height:26px; line-height:26px; margin-top:10px;}
.dis_list .swiper-slide .desc>em{ font-size:16px;}
.dis_list .swiper-slide .desc>p{ margin-top:0;}
.dis_list .swiper-slide img{ width:auto; margin:0 auto; height:160px;}
.dis_list .swiper-slide>a>span{ height:36px; line-height:36px; font-size:16px;}

/*list_share*/
ul.list_share li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.list_share li:nth-child(2n+1){ margin-left:0;}
ul.list_share li .img{ width:100%; height:100%;}
ul.list_share li img{ width:100%; height:100%;}
ul.list_share li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*share_list*/
ul.share_list li{ width:48%; margin-left:4%; margin-bottom:4%;}
ul.share_list li:nth-child(2n+1){ margin-left:0;}
ul.share_list li .img{ width:100%; height:100%;}
ul.share_list li span{ height:36px; line-height:36px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*login*/
.login{width: 100%; padding: 10px 0;}
.login .form_box{width: 100%; padding: 20px;}
.login .form_box>span{font-size: 18px;}
.login .form_box>form{margin-top: 15px;}
.login .form_box>form .form-group{margin-bottom: 15px;}
.login .form_box>form .form-group .input_box{width: calc(100% - 90px);}
.login .form_box>form .form-group .box>button{width: 90px; height: 38px; margin-top: 6px;}
.login .form_box>form .form-group input{height: 38px; line-height: 38px; margin-top: 6px;}
.login .form_box>form .form-group button{margin: 25px auto 0; width: 130px; height: 38px; line-height: 38px;}

/*reg*/
.reg{width: 100%; padding: 10px 0;}
.reg .form_box{width: 100%; padding: 20px 10px;}
.reg .form_box>span{font-size: 18px;}
.reg .form_box>form{margin-top: 15px; padding: 10px;}
.reg .form_box>form .form-group{margin-bottom: 15px;}
.reg .form_box>form .form-group>input{height: 38px; line-height: 38px; margin-top: 6px;}
.reg .form_box>form .form-group button[type="button"]{width: 100px; height: 40px; top: 34px;}
.reg .form_box>form .form-group button[type="submit"]{margin: 25px auto 0; width: 130px; height: 38px; line-height: 38px;}
.reg .form-box{display: block;}

/*list_download*/
ul.list_download{flex-direction: column; gap: 15px; margin: 25px 0;}
ul.list_download li{width: 100%; padding: 15px;}
ul.list_download li .desc {min-height: 60px;}
ul.list_download li .desc span{font-size: 16px;}
ul.list_download li .ico{font-size: 15px;}

/*form*/
.form{ width:100%;}
.form .form-group>em{ width:100%;}
.form .form-group>input[type="text"]{ width:100%;}
.form .form-group>textarea{ width:98.5%;}
.form .form-group>input.code{ width:70px;}
.form .form-group>.box{ margin-top:30px;}
.form .form-group>.box>input{ width:90px; height:32px; line-height:32px; font-size:15px;}

/*pages*/
.pages{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; text-align:center;}
.pages .pages_box{ display:none;}
.pages .pages_m_box{ display:block;}
.pages a{ padding:0px 8px;}
.pages span{ padding:0px 8px;}
.pages .p_left{ float:left;}
.pages .p_right{ float:right;}
.pages .p_page{ border:0;}

/*float*/
.float{display:none;}

/*livechat*/
#livechat{ display:none;}

/*nav*/
#footer_nav{ display:none;}

/*footer*/
#footer{ padding:15px 0;}
#footer .footer_con{ width:96%; margin:0 auto; text-align:center;}
}