html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family: Arial, sans-serif;font-size:16px; font-weight: 400; text-align:left; margin:0 auto; line-height: 1.6; background:#fff; color:#000; font-weight:normal; overflow-x:hidden; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0; font-weight: bold;}
a{color:#000; text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;}
a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }
img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}
i,em{ font-style: normal;}
li{list-style:none;}
button,input,select,textarea{font-size:100%;}
transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }
button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }
input{border-radius:0; outline:none; }
input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/
input,textarea{border:0; }
textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/
img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
.clearfix {display: inline-table;display: block;zoom: 1}
.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
@media (min-width: 1440px) {
  .container {max-width: 1400px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
}
/*index*/
.index_header .bg{position: relative; width: 100%;}
.index_header .bg img{width: 100%; height: 100%;}
.index_header .bg .text{position: absolute; width: 60%; top: 34%; left: 0; right:0; text-align: center; margin: 0 auto;}
.index_header .bg .text h3{color: #fff; font-size: 66px; font-weight: bold; letter-spacing: 5px; line-height: 1.5; text-transform: uppercase;}
.index_header .bg .text a{display: inline-block; background: #1e3290; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 50px; margin-top: 90px;}
.index_header .bg .text a:hover{background:#e89712;}
.common_nav{width: 100%; position: absolute; top: 0;}
.common_nav .navbar-brand{width: 285px; position:relative; top:-6px;}
.common_nav .top{ background: rgba(34, 34, 34, .55); padding: 15px 0;}
.common_nav .top .content{display: flex; justify-content: right; width: 79%; margin: 0 auto;}
.common_nav .top .ico i{color: #fff; font-size: 18px;}
.common_nav .top .ico a{margin: 0 5px;}
.common_nav .top .search{margin-left: 20px; cursor: pointer; position: relative;}
#search_form {display: none; position: absolute; right:0; top:30px; z-index: 99999;background: #fff; width: 300px;}
.common_nav .top .search i{color: #fff; font-size: 18px;}
#search_form input{width: 80%;float: left; border: none; padding: 5px;}
#search_form button{width: 20%;float: left; border: none; background: #e89712; color: #fff; padding: 5px 0;}
.common_nav .top .language{margin-left: 35px; cursor: pointer; position: relative;}
.common_nav .top .language i{color: #fff; font-size: 18px;}
.common_nav .top .language span{color: #fff; margin-left: 10px;}
#language_list{ display: none; position: absolute; background: #fff; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; top:30px; padding: 10px 0; z-index: 9999;}
#language_list p a{color: #000; padding: 5px 20px; display: block; font-size: 14px;}
#language_list p:hover a{background: #e89712; color: #fff;}
.container_nav{width: 83%; margin: 0 auto; margin-top: 15px;}
.navbar-expand-lg .navbar-collapse{justify-content: right;}
.navbar-nav li>a{color: #fff; font-size: 18px; text-transform: uppercase; padding: 5px 10px; margin: 0 20px;}
.navbar-nav li>a:hover{background:#e89712; color:#fff;}
.navbar-nav .dropdown{margin-top: -5px;}
.navbar-nav .dropdown .dropdown-item:hover{background:#e89712; color:#fff;}
.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.swiper {
margin-left: auto;
margin-right: auto;
}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide .text{position: absolute;}
.banner .text{position: absolute; width: 60%; top: 34%; left: 0; right:0; text-align: center; margin: 0 auto;}
.banner .text h3{color: #fff; font-size: 66px; font-weight: bold; letter-spacing: 5px; line-height: 1.5; text-transform: uppercase;}
.banner .text a{display: inline-block; background: #1e3290; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 50px; margin-top: 90px;}
.banner .text a:hover{background:#e89712;}
.section1{margin-top: 60px;}
.section1 a{display: block; color: #fff;}
.section1 .box{background: #1e3290; text-align: center; padding:30px 0}
.section1 .box p{margin-top: 10px; font-weight: bold; font-size: 18px;}
.section1 .box:hover{background:#e89712;}
.seciton2{margin-top: 60px; background: #f5f5f5; padding:50px 0;}
.index_h2_title{text-align: center; font-size: 40px; font-family: 'Times New Roman', Times, serif; text-transform: uppercase;}
.seciton2 .row{margin-top: 30px;}
.seciton2 .list{margin:15px 0;}
.seciton2 .box{background: #fff; text-align: center; padding: 20px 0; box-shadow: 0 0 6px rgba(0,0,0,.05);}
.seciton2 .box p{font-size: 20px;font-family: 'Times New Roman', Times, serif; font-weight: bold; margin-top: 30px;}
.seciton2 .box span{display: inline-block; border: 1px solid #777; padding: 8px 100px; font-size: 14px; margin-top: 10px;}
.seciton2 .box:hover span{background: #1e3290; color: #fff;}
.seciton2 p.more{text-align: center;}
.seciton2 p.more a{display: inline-block; padding: 5px 50px; border: 1px solid #1e3290; color: #1e3290; text-align: center; margin-top: 50px;}
.seciton2 p.more a:hover{background: #1e3290; color: #fff;}
.section3{margin-top: 70px;}
.section3 h2{text-align: left;}
.section3 .top .row{align-items: center;}
.section3 .detail{line-height: 1.8; color: #333; margin-top: 20px;}
.section3 p.more a{display: inline-block;padding: 5px 80px; border: 1px solid #1e3290; color: #1e3290; text-align: center; margin-top: 30px;}
.section3 p.more a:hover{background: #1e3290; color: #fff;}
.section3 .info{text-align: center; margin-top: 40px;}
.section3 .info i{font-size: 50px; color: #1e3290;}
.section3 .info span{display: block; font-size: 40px;font-family: 'Times New Roman', Times, serif; margin-top: 5px;font-weight: bold;}
.section3 .info p{margin-top: 5px; text-transform: uppercase;}
.section4{margin-top: 70px; background: #1e3290; padding: 70px 0; text-align: center; color: #fff;}
.section4 h3{font-size: 36px;font-family: 'Times New Roman', Times, serif; margin-top: 5px;font-weight: bold; text-transform: uppercase;}
.section4 p{margin-top: 15px;}
.section4 a{display: inline-block; color: #2e2e2e!important; border: 3px solid #e89712; background: #fff; padding: 6px 50px; margin-top: 50px;}
.section4 a:hover{background: #e89712; color: #fff;}
.section5{margin-top: 70px;}
.section5 h2{text-align: left;}
.section5 h2 a{float: right; font-size: 14px; border: 1px solid #1e3290; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 4px 15px; color: #1e3290; margin-top: 10px;}
.section5 h2 a:hover{background:#1e3290; color:#fff;}
.section5 .row{margin-top: 20px;}
.section5 .list{margin-top: 10px;}
.section5 .list p.date{font-size: 14px; margin-top: 10px;}
.section5 .list p.title{font-size: 22px; font-family: 'Times New Roman', Times, serif; font-weight: bold; margin-top: 10px;}
.section5 .list p.more a{display: block; border: 1px solid #1e3290; padding: 6px 0; text-align: center; color: #1e3290; font-size: 14px; margin-top: 30px;}
.section5 .list p.more a:hover{background: #1e3290; color: #fff;}
.footer{background: #21262c; padding: 40px 0; margin-top: 70px;}
.footer .flogo img{width: 160px;}
.footer .info{margin-top: 20px;}
.footer .info p{color: #8a97a9; line-height: 1.7; margin: 5px 0;}
.footer .info p a{color: #8a97a9;}
.footer .info p i{margin-right: 10px;}
.footer .share{margin-top: 15px;}
.footer .share a{margin-right: 10px;}
.footer .share i{color: #8a97a9; font-size: 20px;}
.footer .content{display: flex; justify-content: space-between; align-items: center;}
.footer_right ul li{float: left;}
.footer_right ul li a{color: #8a97a9; margin-right: 20px;}
.footer_right p{margin-top: 60px; color: #8a97a9;}
.footer_right .link{margin-top: 10px;}
.footer_right .link a{color: #8a97a9; margin-right: 5px;}
#gotop{ position: fixed; right: 1%; bottom: 15%; display: none; z-index: 999999; cursor: pointer;}
#gotop i{font-size: 40px; color: #d8010f;}
.cookie-banner {position: fixed;width:90%;margin:0 auto;bottom: 10px;left: 0;right: 0;z-index:9999999;font-size:16px;background:rgba(255,255,255,0.95);padding: 20px;text-align: center;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:20px;color:#000;}
.cookie-banner p a{text-decoration:underline;}
.cookie-button {margin: 15px 10px 0 10px;padding: 5px 25px;border: none;background:#3571cf;color:#fff;cursor: pointer;}
.cookie-button:hover{background:#e89712;}
/*sub*/
.sub_head .common_nav{position:static;}
.sub_head .common_nav .top{background: #e5e9ee;}
.sub_head .common_nav .top .ico i, .sub_head .common_nav .top .search i, .sub_head .common_nav .top .language i, .sub_head .common_nav .top .language span{color: #002a54;}
.sub_head .navbar-nav li>a{color: #002a54;}
.sub_head .navbar-nav li>a:hover{color:#fff;}
.sub_head #search_form input{border: 1px solid #ddd;}
.pro_category_top{position: relative; display:none;}
.pro_category_top h1{position: absolute; top: 50%; z-index: 1; background: #1e3290; color: #fff; padding: 15px 40px;}
.list_position{background: #f5f5f5; padding: 10px 0;}
.prolist_nav{margin-top: 30px;}
.prolist_nav .box{background: #99a0b9;}
.prolist_nav .active .box{background: #e89712;}
.brandSelection{margin-top:30px;}
.brandSelection dl{display:flex; flex-wrap:wrap; align-items:center;}
.brandSelection dd{margin:0 5px;}
.brandSelection dd a{display: block; padding:5px 20px; border-radius:5px;}
.brandSelection dd a i{display:inline-block; width:15px; height:15px; border-radius:50%; border:1px solid #777; margin-left:10px; position:relative; top:2px;}
.brandSelection dd a.btnbtn-info{background:#1e3290; color:#fff;}
.brandSelection dd a.active i{background:#1e3290;}

.pro_list{background: #f1f2f4; margin-top: 30px; padding: 20px 0 50px 0;}
.case_list{margin-top:30px;}
.pro_list .list ul li{margin-top: 30px;}
.pro_list .list ul li .content{background: #fff; padding: 30px 40px;}
.pro_list .list ul li h4{text-align: center;font-family: 'Times New Roman', Times, serif;font-size: 24px; line-height: 1.5; margin-top: 25px;}
.pro_list .list ul li .info{margin-top: 30px; color: #333;}
.pro_list .list ul li .info p{display: flex; justify-content: space-between; line-height: 1.7; margin-top: 5px;}
.pro_list .list ul li .info i{font-weight: bold;}
.pro_list .list ul li .click{margin-top: 30px; display: flex; justify-content: space-between;}
.pro_list .list ul li .click a{width: calc(50% - 10px);}
.pro_list .list ul li .click i{margin-right: 5px;}
.pro_list .list ul li .click a:first-child:hover{background:#e89712; border-color:#e89712;}
.pro_list .list ul li img{ transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.pro_list .list ul li:hover img{ transform:scale(1.05) ; -webkit-transform:scale(1.05) ; -moz-transform:scale(1.05) ; -ms-transform:scale(1.05) ; -o-transform:scale(1.05) ; }
.f_page{margin-top:30px;}
.f_page ul li a{padding:5px 15px; display:block; background:#eee;}
.f_page ul li .page-num-current{background:#1e3290; color:#fff;}
.f_page ul li{display:flex;}
.common_message{margin-top: 50px;}
.common_message .container{ background:#f5f5f5; padding:50px; border-radius:20px; transition:.3s;}
.common_message h3{font-size: 28px; color: #000;font-family: Poppins-Bold,Arial, sans-serif;}
.common_message form{margin-top: 20px;}
.common_message .container:hover{box-shadow:0 0 10px rgba(15,38,127,.2);}
.common_message .yzm{margin-top:20px;}
.common_message .yzm input{width:200px; float:left;}
.common_message .submit{text-align: center; margin-top: 20px;}
.common_message .submit button{ background: #1e3290; border: none;}
.common_message .submit button:hover{background:#4e74ff;}
.pro_page_top{background: url("../images/pro_detail_5.webp") no-repeat; background-size: cover; padding:40px 0;}
.pro_page_top .container{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.pro_page_top .img{ width: 50%; text-align: center;}
.pro_page_top .img img{max-width: 100%;}
.pro_page_top .detail{width: 40%;}
.pro_page_top .detail h1{font-family: 'Times New Roman', Times, serif;font-size: 40px; line-height: 1.5; font-weight: bold;}
.pro_page_top .detail p.tips{line-height: 1.8; margin-top: 10px; color: #333;}
.pro_page_top .detail .info{display: flex; flex-wrap: wrap; margin-top: 30px;}
.pro_page_top .detail .info p{margin-right: 40px; color: #333; font-style: italic; background: #fff; padding: 10px 40px;}
.pro_page_top .detail .info i{display: block; font-weight: bold; margin-top: 10px; color: #000; font-size: 18px;}
.pro_page_top .detail .price{margin-top: 50px;}
.pro_page_top .detail .price a{display: inline-block; background: #1e3290; color: #fff; padding: 8px 50px;}
.pro_page_top .detail .price a:last-child{background: #e89712;}
.pro_page_top .detail .price i{margin-right: 10px;}
.pro_page_top .detail .price a:hover{background: #fac109;}
.pro_page_nav{background: #1e3290;}
.pro_page_nav .container{display: flex;}
.pro_page_nav p{color: #fff; font-size: 18px; font-weight: bold;}
.pro_page_nav p a{color: #fff; display: block; padding: 20px 30px;}
.pro_page_nav p:hover{background: #e89712;}
.pro_page_nav p:first-child{background: #e89712;}
.pro_page_content{line-height: 1.8;}
.pro_page_content .content{margin-top: 30px;}
.pro_page_content .content p{margin:5px 0}
.pro_page_content ul{list-style-type: circle; margin-left: 15px;}
.pro_page_content ul li{list-style-type:disc;}
.pro_page_content h3{margin: 20px 0;font-family: 'Times New Roman', Times, serif;font-size: 32px; line-height: 1.5; font-weight: bold;}
.pro_page_content table{width: 100%; color: #333;}
.pro_page_content table td{border: 1px solid #ddd; padding:5px 10px; font-size: 15px;}
.pro_page_content table tr:hover{background:#ddd;}
.pro_page_content table tr:hover td{color:#000;}
.pro_page_content .imgdisplay ul{display:flex; flex-wrap:wrap; margin-left:0}
.pro_page_content .imgdisplay ul li{width:calc(25% - 20px); margin:10px; list-style-type:none;}
.related{margin-top: 50px;}
.related h3{font-family: 'Times New Roman', Times, serif;font-size: 32px; line-height: 1.5; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.related ul li{text-align: center; margin-top: 20px;}
.related ul li .listcontent{background: #f5f5f5; padding: 20px 0;}
.related ul li .listcontent p{font-size: 18px; line-height: 1.8; margin-top: 20px;}
.news_list_page .list .container{border-bottom:1px solid #ddd; padding:70px 0;}
.news_list_page .list .container .row{align-items:center;}
.news_list_page .list .container .row h3{font-size:28px; line-height:1.4;}
.news_list_page .list .container .row h3 a{color:#333;}
.news_list_page .list .container .row span{display:block; margin:25px 0 15px 0;}
.news_list_page .list .container .row p{color:#3b3d42; line-height:1.7; font-weight:300;}
.news_list_page .list .container .row a.more{display:inline-block; background:#1e3290; padding:8px 20px; color:#fff; margin-top:30px;}
.news_list_page .list .container .row a.more:hover{background:#08107b;}
.news_page{background:#f3f5f9}
.news_page .position{}
.news_page .content{margin-top:40px; padding-bottom:80px;}
.news_page .content .left .detail{background:#fff; padding:40px;}
.news_page .content .left h1{font-family: 'Times New Roman', Times, serif; font-size:32px; line-height:1.4; font-weight:bold;}
.news_page .content .left .info{font-weight:bold;}
.news_page .content .left .info p{margin-top:20px;color:#555; }
.news_page .content .left .text{line-height:1.8; color:#555; margin-top:20px;}
.news_page .content .left .text h3{font-size:22px; margin:20px 0; font-weight:bold;}
.news_page .content .left .text p{margin-top:10px;}
.news_page .content .left .text ul{list-style:inherit;}
.news_page .content .left .text ul li{list-style:inherit;}
.news_page .content .right .detail{background:#fff;}
.news_page .right .box div{display: block; background: #fff; padding: 30px; margin-bottom: 15px; transition: .5s;}
.news_page .right .box div a{transition: .5s; color:#333;}
.news_page .right .box div p{font-size: 18px; font-weight: bold;}
.news_page .right .box div h4{font-weight: normal; font-size: 15px; line-height: 1.7; margin-top: 10px; color: #666; transition: .5s;}
.news_page .right .box div:hover{background: #1e3290; color: #fff;}
.news_page .right .box div:hover h4{color: #fff;}
.news_page .right .box div:hover a{ color: #fff;}
.news_page .right ul{background: #fff; padding: 30px;}
.news_page .right ul li:first-child a{font-size: 18px; font-weight: bold; color: #181523;}
.news_page .right ul li{margin-top: 15px; border-bottom:1px solid #eee; padding-bottom:15px; padding-left: 0; padding-right: 0;}
.news_page .right ul li a{display: block; font-size: 15px; line-height: 1.6; color: #666;}
.news_page .right ul li:hover a{color: #1e3290;}
.news_page .right ul li:last-child{border-bottom:none;}
.about_page h1{font-family: 'Times New Roman', Times, serif; text-align:center; font-size: 40px; margin-top:40px; text-transform:uppercase;}
.about_page h2{text-align:center; font-size: 22px; margin-top:10px; font-style:italic;}
.about_page .ico ul{display:flex; flex-wrap:wrap; margin-top:10px;}
.about_page .ico ul li{width:calc(33.33% - 20px); margin:10px; background:#1e3290; color:#fff; text-align:center; color:#fff; padding:50px 10px 30px 10px;}
.about_page .ico ul li i{font-size:60px;}
.about_page .ico ul li p{font-size: 20px; margin-top:30px;}
.about_page .content{margin-top:20px; color:#333; line-height:1.9;}
.about_page .img{margin-top:50px;}
.about_page .img ul{display:flex; justify-content:space-between; margin-top:20px; flex-wrap: wrap;}
.about_page .img ul li{width: calc(25% - 20px); margin: 10px 10px;}
.about_page .img ul li img{ border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; }
.about_page .img h3{font-family: 'Times New Roman', Times, serif; text-align:center; font-size: 40px; text-transform:uppercase;}
.about_page .about_flex{background:#f6f6f6; padding:50px 0; margin-top:60px;}
.about_page .about_flex .list{display:flex; justify-content:space-between; align-items:center;}
.about_page .about_flex .list h3{font-size: 20px; font-weight:bold;}
.about_page .about_flex .list p{line-height:1.9; margin-top:10px;}
.about_page .about_flex .list .text{width:50%; padding-right:40px;}
.about_page .about_flex .list .bimg{width:50%;}
.about_page .about_flex .list .bimg img{width: 100%;}
.about_page .about_flex .list:nth-child(even){flex-direction:row-reverse;}
.about_page .about_flex .list:nth-child(even) .text{padding-left:40px; padding-right:0;}
.contact_page h2{text-align:center; margin-top:30px;font-family: 'Times New Roman', Times, serif; font-size: 36px;}
.contact_page p.tips{text-align:center; margin-top:10px;}
.contact_page .contanct_info{display:flex;flex-wrap:wrap; margin-top:50px;}
.contact_page .contanct_info .maps{width:50%; height:450px}
.contact_page .contanct_info .maps iframe{width: 100%;}
.contact_page .contanct_info .info{width:50%; padding-left:30px}
.contact_page .contanct_info .info h3{font-size: 22px;}
.contanct_info .info .address{margin-top:30px; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px;}
.contanct_info .info .address i{font-size: 18px; margin-right:10px;}
.contanct_info .text{color:#333; margin-top:20px;}
.contanct_info .text p{margin-top:10px;}
.contanct_info .text a{color:#333;}
.contanct_info i{margin-right:10px;}
.contanct_info .chat a{display:inline-block; background:#1e3290; color:#fff; padding:10px 30px; margin-top:30px;}
.contanct_info .chat a:hover{background:#4e74ff; color: #fff;}
.contanct_info .info .img{display:flex;}
.contanct_info .info .img img{width:150px;}
.search_pages h1{font-size:32px; margin-top:30px;}
.search_pages h1 b{color:#1e3290;}
.search_pages .content{display:flex; flex-wrap:wrap; margin-top:20px;}
.search_pages .content .list{width:calc(33.33% - 20px); margin:10px;}
.search_pages .content .list a.more{display:inline-block; padding:8px 25px; color:#fff; margin-top:15px; background:#1e3290;}
.search_pages .content .list img{max-width:100%;}
.service_page .content{line-height: 1.8; margin-top: 30px;}
.service_page .content h4{font-family: 'Times New Roman', Times, serif; font-size: 20px; margin: 10px 0;}
.service_page .content p{margin:5px 0;}


@media (max-width: 1600px){
    .index_header .bg .text{width: 80%;}
}
@media (max-width: 1500px){
    .container_nav{width:90%;}
    .common_nav .navbar-brand{width:120px;}
}
@media (max-width: 1440px){
    .navbar-nav li>a{font-size: 16px; margin: 0 10px;}
    .index_header .bg .text h3{font-size: 50px;}
}

@media (max-width: 1024px){
    .container_nav{width: 95%;}
    .common_nav .top .content{width: 89%;}
    .navbar-nav li>a{padding: 5px;}
    .index_header .bg img{height:100%;}
    .index_header .bg .text{top:30%;}
    .seciton2 .box span{padding: 5px 0; width:90%;}
}

@media (max-width: 768px){
    .banner .text h3{font-size: 26px;}
    .banner .text{top: 20%;}
    .banner .text a{margin-top: 20px;}
    .navbar-toggler-icon{color: #fff; background: #fff;}
    .navbar-toggler i{font-size: 30px; color: #fff;}
    .sub_head .navbar-toggler i{color: #000;}
    .navbar-expand-lg .navbar-collapse{background: #fff; z-index:9999;}
    .navbar-expand-lg .navbar-collapse ul{margin: 20px 0;}
    .navbar-expand-lg .navbar-collapse ul li{text-align: center; margin: 5px 0;}
    .navbar-expand-lg .navbar-collapse ul li a{color: #000; text-align: center;}
    .sub_head .container_nav{position: relative;}
    .sub_head .navbar-expand-lg .navbar-collapse{position: absolute; width: 100%; top: 74px; z-index: 99999; left: 0;}
    .pro_page_top{padding: 50px 0;}
    
	
}
@media (max-width: 500px){
    body,html{overflow-x:hidden;}
    .sub_head .common_nav{position:fixed; z-index:9999; background:#fff;}
    .banner{margin-top: 117px;}
    .banner .text h3{font-size: 18px; letter-spacing:2px}
    .index_header, .list_position, .news_page{margin-top:117px;}
    .news_page .content{margin-top:20px;}
    .news_page .position{padding-top:20px;}
    .container_nav{margin-top: 0;}
    .common_nav .top .ico i{font-size: 16px;}
    .common_nav .top .search i{font-size: 16px;}
    .common_nav .top .language i{font-size: 16px;}
    .common_nav .top .language span{font-size: 14px;}
    .common_nav .navbar-brand{width: 127px; top:0}
    .navbar-nav .dropdown-menu.show{background: #f3f3f3;}
    #search_form{right: -100px; top: 150px;}
    #search_form button, #search_form input{font-size: 14px;}
    #language_list p a{font-size: 14px; padding:5px 10px;}
    .container_nav{width: 100%;}
    .index_header .bg .text{width: 95%;}
    .index_header .bg .text h3{font-size: 24px; letter-spacing:3px}
    .index_header .bg .text a{margin-top: 30px; font-size: 16px; padding: 5px 30px;}
    .navbar-toggler i{font-size: 26px;}
    #gotop i{font-size: 30px;}
    .index_header .bg img{height: auto;}
    .none414{display: none!important;}
    .index_header .bg .text{top: 40%;}
    .section1 .box p{font-weight: normal; font-size: 16px; margin-top:0;}
    .section1 .row{padding: 0 10px;}
    .section1{margin-top: 10px;}
    .section1 .list{margin-top: 10px; padding:0 5px}
    .section1 .box{padding: 20px 0;}
    .section1 .box .img{padding:15px;}
    .seciton2{margin-top: 30px; padding: 20px 0;}
    .index_h2_title, .section4 h3{font-size: 26px;}
    .seciton2 p.more a{margin-top: 30px;}
    .section3{margin-top: 30px;}
    .section3 h2{text-align: center;margin-top: 20px;}
    .section3 .info{margin-top: 20px;}
    .section3 .list{margin-top: 30px;}
    .section3 p.more a{display: block;}
    .section3 .info i{font-size: 36px;}
    .section3 .info span{font-size: 30px;}
    .section3 .info p{margin-top: 0; font-size: 14px;}
    .section4{margin-top: 30px; padding: 30px 0; }
    .section4 p{width: 95%;}
    .section4 a{margin-top: 20px;}
    .section5 h2 a{margin-top: 3px;}
    .section5 .list p.more a{margin-top: 20px;}
    .footer .content{flex-wrap: wrap;}
    .footer .contact_info{width: 100%;}
    .footer .footer_right{width: 100%;}
    .footer .footer_right ul{display: none;}
    .footer_right p{margin-top: 20px; font-size: 14px;}
    .pro_category_top h1{font-size: 18px; padding: 10px 20px; top: 40%;}
    .pro_list{margin-top: 20px; padding: 10px 0 30px 0;}
    .pro_list .list ul li{margin-top: 20px;}
    .pro_page_top{padding: 30px 0;}
    .pro_page_top .img{width: 100%;}
    .pro_page_top .detail{width: 100%;}
    .pro_page_top .detail h1{font-size: 30px; margin-top: 30px;}
    .pro_page_top .detail .info{margin-top: 10px;}
    .pro_page_top .detail .info p{width: calc(50% - 10px); margin: 5px; padding: 10px 10px; font-size: 14px;}
    .pro_page_top .detail .price{margin-top: 20px; text-align: center;}
    .pro_page_top .detail .price a{width: calc(50% - 15px); margin: 5px; padding: 8px 10px;}
    .pro_page_nav .container{display: flex; align-items: center; flex-wrap: wrap; padding: 0;}
    .pro_page_nav .container p{font-weight: normal;}
    .pro_page_nav p{width: 50%;text-align: center;}
    .pro_page_nav p a{padding: 8px 0; font-size: 14px;}
    .pro_page_content h3, .related h3, .common_message h3{font-size: 22px;}
    .related{margin-top: 30px;}
    .common_message .container{padding: 30px;}
    .news_list_page{overflow:hidden;}
	.news_list_page .list .container{padding:20px 10px;}
	.news_list_page .list .container .row h3{font-size:20px; margin-top:15px;}
	.news_list_page .list .container .row p, .news_list_page .list .container .row a.more, .news_list_page .list .container .row span{font-size:14px;}
    .news_page .content .left .detail{padding:15px;}
	.news_page .content .left h1{font-size:24px;}
	.news_page .content .left .info p{font-size:14px; margin-top:10px;}
	.news_page .content .left .text{font-size:14px;}
	.news_page .content .left .text img{max-width:100%!important; height:auto!important;}
	.news_page .content .left .detail{padding-bottom:0px;}
	.news_page .right .box div{padding:15px;}
	.news_page .right .box div a{font-size:14px;}
	.news_page .right ul{padding:10px 15px;}
	.news_page .right ul li a{font-size:14px;}
	.news_page .content{padding-bottom:30px;}
    .about_page h1, .about_page .img h3{font-size: 26px; margin-top:20px;}
    .about_page h2{font-size: 16px; line-height:1.7;}
    .about_page .ico ul li{width:100%; padding:30px 10px;}
    .about_page .ico ul li i{font-size: 40px;}
    .about_page .ico ul li p{font-size: 16px; margin-top:20px;}
    .about_page .img{margin-top:30px;}
    .about_page .img ul{flex-wrap:wrap;}
    .about_page .img ul li{width:100%; margin-top:10px;}
    .about_page .img ul{margin-top: 10px;}
    .about_page .img ul.img1 li{width: calc(50% - 10px); margin: 0 5px;}
    .about_page .img ul.img2 li{width: calc(33.333% - 10px); margin: 0 5px;}
    .about_page .about_flex{padding:30px 0 0 0; margin-top:20px;}
    .about_page .about_flex .list{flex-wrap:wrap; margin-bottom:20px;}
    .about_page .about_flex .list .text{width:100%; padding:0;}
    .about_page .about_flex .list .bimg{width:100%; margin:10px 0;}
    .about_page .about_flex .list:nth-child(even) .text{padding:0;}
    .about_page .about_flex .list h3{text-align:center;}
    .contact_page h2{font-size: 30px;}
    .contact_page p.tips{font-size: 14px;}
    .contact_page .contanct_info{margin-top:20px;flex-direction:column-reverse}
    .contact_page .contanct_info .maps{width:100%; margin-top:20px;}
    .contact_page .contanct_info .info{width:100%; padding:0;}
    .contact_page .contanct_info .info h3{font-size: 18px; line-height:1.7;}
    .contanct_info .info .address{margin-top:15px;}
    .contanct_info .chat a{display:block; text-align:center; margin-top:20px;}
    .service_page .img ul li{width: calc(50% - 10px); margin: 5px;}
    .search_pages .content .list{width:100%; margin-top:10px;}
    .brandSelection{margin-top:10px;}
    .brandSelection dd{margin-top:0px; font-size: 14px;}
    .brandSelection dd:first-child{width:auto;}
    .brandSelection dd a{padding:5px;}
    .pro_page_content .imgdisplay ul li{width:calc(50% - 10px); margin:5px; list-style-type:none;}

}
@media (max-width: 414px){
    .banner .text{top: 30%;}
    
    
}
@media (max-width: 375px){
    .index_header .bg .text a{font-size: 14px;}
    .list_position{font-size: 14px;}
    .pro_list .list ul li .content{padding: 30px;}
    .pro_page_top .detail p.tips{font-size: 15px;}
    .pro_page_top .detail .price{margin-left: -10px; margin-right: -10px;}
    .pro_page_top .detail .price a{font-size: 14px;}
    .pro_page_content{font-size: 15px;}
    .pro_page_content table td{font-size: 14px;}
    .news_list_page .list .container .row h3{font-size:18px;}
	.news_list_page .list .container .row p, .news_list_page .list .container .row a.more, .news_list_page .list .container .row span{font-size:12px;}
    .news_page .content .left h1{font-size:16px;}
	.news_page .content .left .info p{font-size:12px;}
	.news_page .content .left .text{font-size:13px;}
	.news_page .right .box div p{font-size:16px;}
	.news_page .right ul li:first-child a{font-size:16px;}
    .about_page h1, .about_page .img h3{font-size: 22px;}
	.about_page .content p, .about_page .about_flex .list p{font-size: 14px;}
	
}
@media (max-width: 360px){
    .section1 .box p{height: 51px;}
    .section1 .box{text-align: center;}
    .section1 .box .img img{width: 50%;}
	
}
@media (max-width: 320px){
    .common_nav .top .ico i, .common_nav .top .search i, .common_nav .top .language i{font-size: 14px;}
    .common_nav .top .language span{font-size: 12px;}
    .pro_list .list ul li .content{padding: 15px;}
    .pro_page_top .detail h1{font-size: 22px;}
    .pro_page_top .detail .price a{padding: 5px;}
	
}