@charset "utf-8";
html,body{-webkit-overflow-scrolling:touch; overflow-scrolling: touch; overflow-x:hidden;}
html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul li{list-style: none;}
body{font-family:"微软雅黑","Microsoft Yahei","Arial",sans-serif; color: #050521; font-size: 14px;}
html, body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0; padding:0px;}
img{border: none;}
a{text-decoration: none; color: #000;}
a:hover{text-decoration: none;}
i{font-style: normal;}
.clearfix{clear: both;}
.clearfix::after { height: 0px; overflow: hidden; clear: both; display: block; visibility: hidden; content: "."; }
/*index*/
nav .navbar-brand img{margin-top: 13px;}
nav .navbar-brand{padding: 0;}
nav .toptel img{margin-top: 25px;}
.navbar{margin-bottom: 10px;}
.navbar-nav{margin-top: 23px;}
.navbar-nav li{font-size: 16px; color: #332C42;}
.navbar-nav li a{transition: .5s;}
.navbar-nav li a:hover{background: #e73828; color: #fff; border-radius: 8px;}
.nav>li>a{padding: 10px 24px;}
.nav li.hover{position: relative;}
.nav li.hover dl{display: none;}
.nav li.hover:hover dl{display: block; position: absolute; z-index: 999; background: #0081ea; width:170px; padding: 10px 0;}
.nav li.hover:hover dl dd{}
.nav li.hover:hover dl a{color: #fff; font-size: 14px; line-height: 2;padding: 0 10px; display:block; border-radius: 0; }
.nav li.hover:hover dl:hover{background:rgba(1,112,202,1.00);}
.mbanner{display: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-pagination-bullet{background: #fff; width: 10px; height: 10px;}
.header .navbar{margin-top: 10px;}
.header .navbar ul li a{font-size: 16px; color: #0081ea;}
.header .navbar ul li a:hover{color: #fff; background: #0081ea;}
.header .navbar-nav{float: right; margin-top: 25px;}
.header .nav>li>a{padding: 10px 20px;}
.banner{margin-top: 30px;}
.banner .swiper-container {width: 100%;height: 100%; }
.banner .swiper-slide{display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 15%;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 15%;}
.banner .swiper-button-next, .swiper-button-prev{width: 40px; height: 40px; background-size: cover;}
.banner .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{color: #fff;}
:root{--swiper-navigation-size:30px;}
.indexmbanner{display: none;}
.section1{margin-top: 50px;}
.h3_title{text-align: center; color: rgb(0, 126, 233);}
.h3_title h3{font-size: 30px; font-weight: bold;}
.h3_title h3 i{margin: 0 15px;}
.h3_title p{font-size: 14px; margin-top: 15px;}
.section1 .row{margin-top: 30px;}
.section1 .center p{font-size: 15px; color: #5a5a5a; line-height:1.9; text-indent: 2em; margin-bottom: 15px;}
.section1 .right a{display: block; border: 1px solid rgb(0, 126, 233); font-size: 22px;writing-mode:tb-rl; line-height:2;color: rgb(0, 126, 233); padding: 90px 0; transition: .5s;}
.section1 .right a:hover{background: rgb(0, 126, 233); color: #fff;}
.section2{margin-top: 50px;}
.section2 .row{margin-top: 30px;}
.section2 .left li{border-bottom: 1px dotted #dbd4cd; padding-bottom: 15px; margin-top: 15px;}
.section2 .left .time{background: rgb(0, 126, 233); color: #fff;text-align: center; padding: 3px 0;}
.section2 .left .time i{display: block; font-size: 30px; font-weight: bold;}
.section2 .left .time span{display: block; font-size: 13px;}
.section2 .left .title a{font-size: 24px; display:block; color: rgb(0, 126, 233); margin-top: 5px; }
.section2 .right ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.section2 .right ul li{width: 48%; margin-top: 20px;}
.section2 .right img{border: 1px solid #ccc;}
.section3{font-size: 24px;color: rgb(0, 126, 233);line-height: 1.8; background: rgb(231, 231, 231); text-align: center;margin-top: 60px;}
.section4{margin-top: 60px;}
.section4 .left{writing-mode:tb-rl;color: rgb(0, 126, 233); }
.section4 .left span{display: block; font-size: 30px; font-weight: bold;}
.section4 .left i{display: block; font-size: 14px;}
.section4 .right ul{display: flex; flex-wrap: wrap;}
.section4 .right ul li{width: 25%; border: 1px solid rgb(238, 238, 238); padding: 20px;}
.section4 .right ul li h4{text-align: center; color: rgb(0, 126, 233); font-size: 16px; margin-top: 30px; line-height: 1.5;}
.section4 .right ul li p{color: rgb(127, 127, 127); font-size: 15px; line-height: 1.8; margin-top: 10px;}
.section4 .right ul li img{transition: .5s; height:169px;}
.section4 .right ul li:hover img{transform: scale(1.1);}
.section4 .more a{display:block; text-align: center; margin: 0 auto; width: 200px; height: 50px; line-height: 50px; border:1px solid rgb(0, 126, 233); color: rgb(0, 126, 233); font-size: 20px; margin-top: 40px; transition: .5s;}
.section4 .more a:hover{background:rgb(0, 126, 233); color: #fff; }
.section6{margin-top: 50px;}
.section6 .swiper-slide a p{text-align: center; color: rgb(0, 126, 233)!important; font-size: 16px; margin-top: 10px;}
.section6 .swiper-container-v{margin-top: 40px;}
.section7{margin-top: 60px;}
.section7 ul li{float: left; color: #555; margin-right: 20px;}
.section7 ul li a{color: #555;}
.footer{background: #e7e7e7; margin-top: 20px; padding: 50px 0;}
.footer .info{border-bottom: 1px solid rgb(0, 126, 233); padding-bottom: 20px;}
.footer .left{border-right: 1px solid rgb(0, 126, 233); padding: 60px 0;}
.footer .right h3{font-weight: bold; color: rgb(0, 126, 233);}
.footer .right ul{margin-top: 20px;}
.footer .right ul li{float: left; width: 50%; font-size: 16px; color: rgb(0, 126, 233); line-height: 1.9;}
.footer .copyright{color: rgb(0, 126, 233); font-size: 16px; margin-top: 15px;}
.section_zizhi{margin: 50px 0;}
.section_zizhi h3{text-align: center; font-size: 30px; font-weight: bold; color: rgb(0, 126, 233);}
.section_news form{width: 246px; margin: 0 auto; margin-top: 30px;}
.section_news input{width: 194px; height: 36px; line-height: 36px; border: #007ee9 2px solid; border-right: 0;padding: 0 10px;}
.section_news button{width: 50px; height: 36px; border: none; background: #007ee9; margin-left: -4px; color: #fff;}
.section_news_list{margin-top: 10px;}
.commonfanye{margin-top: 30px;}
.commonfanye li{float: left; margin-right: 5px;}
.commonfanye li a{font-size: 14px; display: inline-block; padding: 5px 12px; background: #fff; border: 1px solid #ddd; transition: .5s;}
.commonfanye li a.page-num-current{background: #007ee9; color: #fff;}
.commonfanye li:hover a{background: #007ee9; color: #fff;}
.section_news_content{margin-top: 40px;}
.section_news_content .info{text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.section_news_content .info h1{font-size: 26px; color: #007ee9; font-weight: bold;}
.section_news_content .info p{color: #555; margin-top: 10px;}
.section_news_content .content{margin-top: 30px; line-height: 1.9; font-size: 15px; color: #333;}
.section_news_content .content p{margin: 5px 0;}
.section_news_content .text_secondary{margin-top: 30px; margin-bottom: 20px;}
.section_jinghua_list .right ul li{width: 23%; margin: 0 1%; border: 1px solid rgb(238, 238, 238); padding: 20px; margin-bottom: 20px;}
.section_jinghua_list .right ul li:hover{border-color: #007ee9;}
.section_jinghua_list .right ul li p{text-indent: 2em;}
.section_pro_content .content{font-size: 16px;}
.section_pro_content .content table{border: 1px solid #888; max-width: 100%;}
.section_pro_content .content table td{border: 1px solid #888;}
.section1 .pro_nav ul{display: flex; justify-content: space-between; background: #0081ea; width: 60%; margin: 0 auto; margin-top: 30px;}
.section1 .pro_nav li{text-align: center;}
.section1 .pro_nav li a{display: block; background: #0081ea; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 40px;}
.section1 .pro_nav li a:hover{background: #083f6d;}
.pro_list_search{margin-top: 30px;}
.pro_list_search form{width: 60%; margin: 0 auto;}
.pro_list_search form input{width: 90%; line-height:35px; border: 2px solid #0081ea; padding: 0 10px;}
.pro_list_search form button{width: 9%; line-height: 37px; text-align: center; color: #fff; background: #0081ea; border: none; margin-left: -5px;}
.section_pro_list{margin-bottom: 30px;}
.section_pro_list h3{font-weight: bold; font-size: 22px; color: #0081ea; margin-top: 40px;}
.section_pro_list h3 img{margin-right: 10px;}
.section_pro_list ul{margin-top: 20px;}
.section_pro_list ul li{width: calc(20% - 20px); margin: 10px; float: left;}
.section_pro_list ul li img{width: 100%; height: 208px;}
.section_pro_list ul li p{background: #eee; padding: 8px 5px; text-align: center; font-size: 15px;}
.section_pro_list .more a{display:block; text-align: center; margin: 0 auto; width: 200px; height: 50px; line-height: 50px; border:1px solid rgb(0, 126, 233); color: rgb(0, 126, 233); font-size: 20px; margin-top: 40px; transition: .5s;}
.section_pro_list .more a:hover{background:rgb(0, 126, 233); color: #fff; }
.section_case_list .right ul li h4{margin-top: 20px;}
.section_contact{margin-top: 30px; margin-bottom: 40px;}
.section_contact .tel{font-size: 24px; color: #0081ea; font-weight: bold;}
.section_contact .tel img{width: 24px; margin-right: 10px;}
.section_contact ul{margin-top: 20px;}
.section_contact ul li{font-size: 16px; color: #555; line-height: 1.9;}

@media (max-width: 768px){
	.header .nav>li>a{padding: 8px;}
	.header .navbar ul li a{font-size: 14px;}
	.none768{display:none;}

}
@media (max-width: 414px){
	body{overflow-x: hidden;}
	.header .navbar{margin-top: 0;}
	.navbar{margin-bottom: 0;}
	nav .navbar-brand img{width: 150px; margin-left: 10px; margin-top: 10px;}
	.container{width: 100%; padding: 0 10px;}
	.none414{display: none;}
	.navbar-toggle{background: #333; padding: 7px 8px 11px 8px; margin-top: 10px;}
	.navbar-toggle .icon-bar+.icon-bar{background: #fff;}
	.navbar-nav{background: #eee; margin-top: 0;}
	.navbar-nav li{font-size: 14px;}
	.header .navbar-nav{float: none; padding: 10px 0; margin-top: 10px;}
	.navbar-nav li{margin-left: 20px;}
	.nav li.hover:hover dl{display: none;}
	.banner{margin-top: 0;}
	.section1{margin-top: 30px;}
	.h3_title h3{font-size: 24px;}
	.section1 .row img{width: 100%;}
	.section1 .right a{width: 100%; height: auto; line-height: 1.8;writing-mode:lr-tb; padding: 0; text-align: center; font-size: 18px;}
	.section2{margin-top: 30px;}
	.section2 .row{margin-top: 10px;}
	.section2 .left .time i{font-size: 20px;}
	.section2 .left .title a{font-size: 18px; margin-top: 0;}
	.section3{font-size: 16px; margin-top: 20px; padding: 5px 0;}
	.section4{margin-top: 30px;}
	.section4 .left{writing-mode:lr-tb; text-align: center;}
	.section4 .left span{font-size: 24px;}
	.section4 .left i{font-size: 12px;}
	.section4 .right{margin-top: 20px;}
	.section4 .right ul li img{height:auto;}
	.section4 .right ul li{width: 50%; padding: 10px;}
	.section4 .right ul li p{display: none;}
	.section4 .right ul li h4{font-size: 14px;}
	.section4 .more a{height: auto; line-height: 1.8; margin-top: 20px; font-size: 18px;}
	.section6{margin-top: 30px;}
	.section6 .swiper-container-v{margin-top: 20px;}
	.section6 .swiper-slide a p{font-size: 14px;}
	.section7{margin-top: 30px;}
	.footer{padding: 20px 0;}
	.footer .left{padding: 0;}
	.footer .left img{width: 50%;}
	.footer .right{margin-top: 20px; margin-left: -10px;}
	.footer .right h3{font-size: 20px; }
	.footer .right ul{margin-top: 10px;}
	.footer .right ul li{width: 100%; font-size: 14px;}
	.footer .copyright{font-size: 14px; line-height: 1.7;}
	.section_zizhi{margin: 20px 0;}
	.section_zizhi h3{font-size: 24px;}
	.section_news_list{margin-top: 0;}
	.section_news_content{margin-top: 20px;}
	.section_news_content .info h1{font-size: 18px; line-height: 1.5;}
	.section_news_content .content{margin-top: 20px; font-size: 14px;}
	.section_news_content .content img{max-width: 100%;}
	.section4 .right{margin-top: 0;}
	.section4 .right ul li{width: 48%; margin-bottom: 10px;}
	.section1 .pro_nav ul{width: 100%; margin-top: 10px;}
	.section1 .pro_nav li a{padding: 8px 5px; font-size: 14px;}
	.pro_list_search{margin-top: 10px;}
	.pro_list_search form{width: 100%;}
	.pro_list_search form input{width: 80%;}
	.pro_list_search form button{width: 18%;}
	.section_pro_list h3{margin-top: 20px; font-size: 18px;}
	.section_pro_list ul{margin-top: 0px;}
	.section_pro_list ul li{width: calc(50% - 20px)}
	.section_pro_list ul li p{font-size: 14px;}
	.section_pro_list ul li img{height: auto; height: 177px;}
	.section_pro_list .more a{line-height: 30px; height: 30px; width: 100px; font-size: 18px; margin-top: 10px;}
	.section_contact .tel{font-size: 18px;}
}
@media (max-width: 375px){
	.section_pro_list ul li p{font-size: 12px;}
	.section_pro_list ul li img{height: 150px;}
}
@media (max-width: 350px){
}
@media (max-width: 338px){
}
		
@media (max-width: 320px){
	
}