body {
	font-family:"新宋体", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	line-height: 1.8;
	font-size: 16px;
	color: #555;
	font-weight: 300;
	overflow-x: hidden;
	background: #fff
}

a {
	color: #000;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

a:hover {
	text-decoration: none !important;
	color: #34b8ed
}
p{ margin: 0px auto;}
li,dd{ list-style: none;}

#header{ background-color: #fff;}
.header-top{ height:40px; background-color: #ececec;}
.header-top .first-1{line-height: 40px; font-size:14px; text-align: left;}
.header-top .first-2,.header-top .first-2 a{ line-height: 40px; font-size: 0.75rem; text-align: right;}
.header-top .first-1,.header-top .first-2,.header-top .first-1 a,.header-top .first-2 a{ color: #000;}
.header-top .first-1 a:hover,.header-top .first-2 a:hover{ color: #000!important; }
.header-top .first-2{font-size: 14px;}
.header-top .first-2 span{ font-size: 18px;color: red; font-weight: bold;}

.header-logo{ height: 160px; position: relative;}
.header-logo .header-logo-a{ height: 100%; display: block;}
.header-logo .header-logo-a a{width: 100%; height: 100%;display:-webkit-box;display:-ms-flexbox;display:flex-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;	-webkit-box-pack:center;	-ms-flex-pack:center;	justify-content:center;	text-align:center; }
.header-logo .header-logo-a a img{ max-width: 100%; height: auto; margin: 0px auto;vertical-align:middle;display:inline-block}



.navbar-div{ height: 56px; position: absolute; top:60px;}
.navbar-div .navbar{ padding: 0rem;height: 56px; position: relative;}
.navbar-div .navbar-nav{ width: 96%; height: 100%; position: relative; float: right; margin-right: 0px;}
.navbar-div li,.navbar-div a{ padding: 0px; margin: 0px auto;font-family: "微软雅黑", sans-serif; font-weight: bold;}
.navbar-div .navbar .nav-item{ width: 16.6%; height: 100%; line-height: 56px; text-align: center;border-bottom: solid 3px #fff;} 

.navbar-expand-lg .navbar-nav .dropdown-menu{ display: none;width: 100%;  margin: 0px auto; padding: 0rem; border-radius: unset;}
.navbar-expand-lg .navbar-nav .dropdown-menu a{ display: block;width: 100%; height:40px; line-height: 40px; text-align: center; font-weight: normal; border-bottom: solid 1px #ddd;}
.navbar-div .navbar .nav-item:hover{ border-bottom: solid 3px #34b8ed;}
.navbar-div .navbar .nav-item:hover .dropdown-menu{ display: block;background-color: #eee;}
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover{ background-color: #fff;}


.searchbk{ background-color: #f3f3f3;}
.searchbk .formsearch-div{ text-align: right; padding-top: 10px; padding-bottom: 10px;}
.searchbk .formsearch-div,.searchbk .formsearch-div a{ display: unset; font-size: 14px;}
.searchbk .formsearch-div #q{ border: solid 1px #ddd; height: 40px; line-height: 40px; width: 320px; text-indent: 6px;}
.searchbk .formsearch-div .input-group-btn{ display: inline-block; width: 80px; height: 40px; background-color: red; text-align: center;}
.searchbk .formsearch-div .input-group-btn button{ height: 100%;}
.searchbk .formsearch-div .input-group-btn i{ color: #fff; font-size: 1.5rem;}

.first-div{  background-color: #fff; padding-bottom: 40px!important;padding-top: 40px!important;}
.index-title{ width: 100%; margin-top: 20px; margin-bottom: 20px; text-align: center;} 
.index-title img{ max-width: 100%;}
.index-title a{ line-height: 50px; font-size:24px; font-family: "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}

.index-channel-son{text-align: center; display: block; margin-bottom: 20px; margin-top:20px;}
.index-channel-son a{ line-height:16px; font-size: 16px;color: #000; display: inline-block;  border-right: solid 1px #ddd;font-family:"微软雅黑"; padding-left: 15px; padding-right: 15px; }
.index-channel-son a:last-child{ border-right: unset;}
.index-channel-son a:hover{color: #34b8ed; }

.product-list{ margin-bottom: 28px;}
.product-div{ width: 356px; height:268px; position: relative;}
.product-div ul{ width: 100%; height: 100%; position: relative; margin: 0px auto; padding: 0px;}
.product-div .product-div-li01,.product-div .product-div-li02{ list-style: none; width: 100%; height: 100%; margin: 0px auto; padding: 0px;}

.product-div .product-div-li01{ position: relative; z-index: 0;}
.product-div .product-div-li01-div-01a{ width: 100%; height:268px; position:absolute; display: block; text-align: center;}
.product-div .product-div-li01-div-01a img{ display: flex; background-size: cover;  width: 100%;max-height: 100%; text-align: center; vertical-align: middle; border: solid 2px #34b8ed; padding: 8px; border-radius: 2px;transform: scale(1); transition: all  0.3s; }





.product-div .product-div-li02{ opacity: 0; background-color: rgba(0,0,0,0.25);  z-index: 1; position: absolute; left: 0px; top: 0px;color: #fff; text-align: center;transition:  all 0.3s;}
.product-div .product-div-li02 .product-div-li02-a{ display: block;width: 100%; height: 50px; text-align: center; margin-top: 30%;margin-bottom: 20px;}
.product-div .product-div-li02 .product-div-li02-a span{ display: inline-block; width: 50px; height: 50px; border-radius: 50px; background-color:rgb(255,255,255,0.8); font-size: 20px; color: #333; padding-top: 15px;}
.product-div .product-div-li02 .product-div-li02-a span i{} 


.product-div:hover .product-div-li02{ opacity: 1; transition:  all 0.3s;}
.product-div:hover .product-div-li01-div{opacity: 0; transition:  all 0.3s;}
.product-div:hover .product-div-li01-div-01a img{ padding:0px; ; transition: all 0.3s; }


.more-a{ display: block; text-align: center; margin-top: 20px; margin-bottom: 20px;}
.more-a a{ display: inline-block;  font-size:16px; line-height: 40px; width: 220px; text-align: center; color: #333; font-family:"微软雅黑","黑体";border-radius:40px; background-color: #e7e7e7; }
.more-a a:hover{ color: #fff;background-color: #34b8ed; }



.youshi-div{ position: relative;height: auto; background-image: url(../images/bk.jpg); background-size: 100% 100%; padding-top: 45px; padding-bottom: 45px;}
.youshi-div .youshibk{ height: 444px; background-color: #e0e0e0; position: absolute;top: 0px; left: 0px; z-index: 0;}

.youshi-div .youshi-title p:first-child{ font-size: 36px; line-height: 60px; font-family: "微软雅黑";color: #033f7e; font-weight: bold; text-align: center;}
.youshi-div .youshi-title p:first-child span:last-child{ color: red;}
.youshi-div .youshi-title p:last-child{ font-size:20px; line-height: 60px;color: #000000; text-align: center; font-family: "微软雅黑"; }

.youshi-infor{ width: 100%; padding: 0rem; margin: 0px auto; height: 470px; position: relative;}
.youshi-infor .youhi-01{padding: 0rem; margin: 0px auto;}
.youshi-01{ background-image: url(../images/youshi-bk-01.jpg);background-repeat:no-repeat ;  background-position:left center; background-size: 100%; height: 100%; padding: 0rem; margin: 0px auto; position: relative;}

.youshi-01 .youshi-tel{ position: absolute; width: 80%;left:10%; height: 30px; line-height: 30px; bottom:100px; color: #fff; font-family: "微软雅黑"; font-weight: bold; text-align: center; font-size: 20px;}
.youshi-01 .youshi-tel span{ display:block; border: solid 2px #fff; width: 30px; height: 30px;line-height: 30px; border-radius: 30px; text-align: center;  text-align: center; float: left; margin-right: 10px; position: relative;}
.youshi-01 .youshi-tel span i{ line-height: 30px; position: absolute; top: 6px; left: 6px; font-size: 16px;}

.youshi-infor-bk{ width: 100%; height: 100%; background-color: rgb(255,255,255,0.8); position: relative;margin: 0px auto; padding: 0px;}

.youshi-infor-bk ul{ width: 100%; height:100%; position: absolute; overflow: hidden; margin: 0px auto; padding: 0px;}
.youshi-infor-bk ul li{ width: 50%; height: 50%; text-align: left; position: relative; border-bottom: solid 1px #ddd;border-right: solid 1px #ddd; float: left;}

.youshi-infor-bk ul li dl{ width:80%; height: 80%; position: absolute; margin: 0px auto; top: 10%; left:10%; }
.youshi-infor-bk ul li dl dt{ color: #000000; font-size:25px; line-height: 50px; margin-bottom: 10px; font-weight: bold;}
.youshi-infor-bk ul li dl dt span{ font-size: 25px;color: #04407f; display: block; line-height: 40px;}
.youshi-infor-bk ul li dl dt i{ display: block; width: 60px; height: 3px; background-color: #04407f;}
.youshi-infor-bk ul li dl dd{ font-size: 14px;color: #000000; line-height: 25px; font-family: "微软雅黑";}

.sfhi{width: 100%; height: 614px; overflow: visible; position: relative; visibility: visible; display: block; background-color: #e0e0e0;}
.sfhi .KMSPrefix_sfhi_image_box{ min-width: 100%; height:445px; position: relative; overflow: hidden; }
.sfhi .KMSPrefix_sfhi_image_box .row{ display: block; height: 100%; position: relative; margin: 0px auto; padding: 0px;}

.sfhi .KMSPrefix_sfhi_image_box .KMSPrefix_sfhi_image_item{ opacity: 0; height: 100%; width: 847px;display: inline-block; background: center top no-repeat; z-index: 1; float: left; margin: 0px auto; padding: 0px;background-size: cover;transition: all 0.3s;}

.psio{ position: absolute; width: 100%; height: 170px; z-index: 2; bottom: 60px;left: 0px;}
.psio #list2{ width: 100%; height: 100%; overflow: hidden;}
.psio #list2 ul { position: relative; width: 715px; height: 170px; margin: 0px auto;padding: 0px; overflow: hidden;}
.psio #list2 ul li{ list-style: none; text-align: center; width: 170px; height: 100%; display: inline-block; transition: all 0.3s;}
.psio #list2 ul .li01,.psio #list2 ul .li05,.psio #list2 ul .li06,.psio #list2 ul .li07,.psio #list2 ul .li08,.psio #list2 ul .li09{ width: 87px; margin-left: 15px; margin-right: 15px;}
.psio #list2 ul .li02,.psio #list2 ul .li04{ width:127px;margin-left: 15px; margin-right: 15px;}
.psio #list2 ul .li03{ width:137px;margin-left: 5px; margin-right: 5px;}  

.psio #list2 ul li { font-size: 12px; width: 87px;}
.psio #list2 ul li img{filter: grayscale(100%);filter: gray; max-width: 100%;}
.psio #list2 ul li p{ line-height: 30px; display: block;width: 100%; height: 30px; overflow: hidden;}
.psio #list2 ul .li03 img{filter:unset;filter: unset;}

.psio #list2 .row{ display: block; height: 100%; position: relative; margin: 0px auto; padding: 0px;}

#zhsb2 .next,#zhsb2 .prev{ width: 40px; height: 40px; border-radius: 40px; background-color:rgb(0,0,0,0.6); color: #fff; position: absolute; bottom: 60px; text-align: center;}
#zhsb2 .prev{ left: 30px;}
#zhsb2 .next{ right:  30px;}
#zhsb2  i{ font-size: 18px; font-weight: bold; left: 10px;top:10px; position: absolute;}

.aboutus-div{ background-color: #fff; padding-top: 80px; padding-bottom: 80px;}
.aboutus-infor .index-title{ text-align: left; }
.aboutus-infor .index-title a{font-size: 30px; line-height: 80px; color: #04407F;}
.aboutus-infor .index-title i{ width: 60px; height: 3px; background-color: #04407F; display: block;}

.aboutus-infor img{ max-width: 100%;}
.aboutus-infor .aboutus-infor-img{ padding-top:80px!important;}

.aboutus-infor-div{ text-align: left;}

.aboutus-title{ line-height: 60px; font-size: 24px;color: #000000; font-family:"微软雅黑","arial"; }
.aboutus-span{ width: 60px; height: 3px; background-color: #5DA83C; display: block; margin-bottom: 20px;}
.aboutus-infor-body{ font-size: 14px; font-family:"微软雅黑","arial"; line-height:30px; color: #000000; text-indent: 28px;}

.more-detail{ display: block; width: 150px; height: 40px; line-height: 40px; text-align: center; background-color: #e7e7e7;color: #333; font-size: 14px;transition: all 0.3s; font-weight: bold; margin-top: 30px; border-radius: 40px; }
.more-detail:hover{ color: #fff;  background-color:#34b8ed; transition: all 0.3s;}

.honor-div{ height:650px; background-image: url(../images/honorbk.jpg); background-repeat: repeat-x; padding-top: 20px!important;}
.honor-div .index-title{ margin-top: 0px; margin-bottom: 40px;}
.honor-div .honor-list{ width: 100%; height: 365px; position: relative; bottom: -20px;}

		/* 本例子css */
		.picScroll-left{ width:100%; height: 100%;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden; width: 100%;  height:48px; position: absolute; top: 45%;z-index: 1; }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:26px; height:48px; cursor:pointer; position: absolute;}
		.picScroll-left .hd .prev{ left: 0px; background-image: url(../images/icon-left-1.png);}
		.picScroll-left .hd .next{ right: 0px;background-image: url(../images/icon-right-1.png);}
		
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		
		.picScroll-left .bd{ padding:0px;   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; padding: 0px; }
		.picScroll-left .bd ul .row{ display: block;width: 100%;}
		.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center; width: 380px;  }
		.picScroll-left .bd ul li .pic{ text-align:center;width:256px; height:365px; margin: 0px auto; }
		.picScroll-left .bd ul li .pic img{ width:256px; height:365px; display:block;transform: scale(1); transition: all  0.3s;  }
		.picScroll-left .bd ul li .pic a:hover img{  transform: scale(1.1); transition: all 0.3s; } 
		
.news-div{background-color: #f7f7f7; position: relative;}
.news-div-01{padding-top:40px!important; padding-bottom: 40px!important;}
	.newslist-left{width: 99%; height: 355px;  border: solid 2px #fff; background-image: url(../images/newsbk.jpg); background-position: left top; background-size: 100% 100%; }	 
	.newslist-title{ position: relative;width: 96%; height: 40px; line-height: 40px; font-size: 18px;font-family:"微软雅黑","arial"; margin: 0rem auto; border-bottom: solid 3px #04407F; margin-top: 10px; margin-bottom: 10px;}
	
	.newslist-title a:first-child{ display: block; float: left;width: 120px; height: 40px; line-height: 40px; background-image: url(../images/newsbk-title.png); background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; text-align: center; color: #fff; font-size: 18px;}
	.newslist-title a:last-child{ float: right; display: block;}
	.newslist-title a:last-child i{ color:#333; position: absolute; top: 10px;  right: 5px;}
	
	.newslist-01 ul{ width: 96%; margin: 0px auto; padding: 0px;}
	.newslist-01 ul .row{ display: block; margin: 0px auto; padding: 0px;}
	.newslist-01 ul li{width: 100%;height: 35px; margin: 0px auto; padding: 0px;list-style: none;}
	.newslist-01 ul li a{ font-size: 14px; line-height: 35px;color: #333; display: block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; word-spacing: normal;}
	.newslist-01 ul li a:hover{ color:#0aa2a3 ;} 
	
	
	.newslist-02 ul{ width: 96%; margin: 0px auto; padding: 0px;}
	.newslist-02 ul .row{ display: block; margin: 0px auto; padding: 0px;}
	.newslist-02 ul li{width: 100%;max-height: 90px; margin: 0px auto; padding: 0px;list-style: none; margin-bottom:5px; padding-bottom: 8px; border-bottom: solid 1px #fafafa; overflow: hidden;}
	.newslist-02 ul li a{ font-size: 14px; line-height: 35px;color: #333; display: block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; word-spacing: normal;}
	.newslist-02 ul li a:hover{ color:#0aa2a3 ;} 
	.newslist-02 ul li p{line-height: 25px;color: #999;font-size: 12px; display: block;width: 100%; height:50px;}
	
	


.footer-nav{ margin-top: 10px; text-align: center;border-top: #000000 solid 1px ; padding-top: 10px;}
.footer-nav a{color: #000000; line-height: 30px; font-size: 12px; display: inline-block; margin-left: 10px; margin-right: 10px;}


.footerbk{ background: #fff;height: auto;}
.footer-infor{ padding-top: 60px!important; padding-bottom: 60px!important;}  
.footer-infor ul li{ list-style: none;color: #999; font-family: '微软雅黑'; font-size: 12px; width: 100%; height: 80px;}
.footer-infor ul li i{ display:block; width: 40px; height: 40px; line-height: 40px; font-size: 20px; float: left;color: #999; text-align: center; padding-top:8px;}
.footer-infor ul li div{ display: block; width: 80%; height: 80px; float: left;}
.footer-infor ul li span{ font-size: 22px;color: #000; display: block;}
.footer-infor .footer-ewm{ text-align: center; font-size: 12px; line-height: 30px; }
.footer-infor .footer-ewm img{ max-width: 120px;}
.footer-infor a{color:#000000;}

.footer-infor ul li dl dt{ font-size: 20px; line-height: 50px;color: #000000; font-weight: normal;}
.footer-infor ul li dl dd {color: #000000; font-size: 14px;line-height: 30px;}
.footer-infor ul li dl dd a{ display: block;width: 100%; height: 30px; line-height: 30px; text-align: center;color: #000000; font-size: 14px;}

.footer-infor .footer-center dl{ width: 50%; float: left; text-align: center;}


.copyright{ height: 60px; line-height: 60px; text-align: center; background-color: #00488b;color: #fff ; font-size: 12px;}
.copyright a{color: #fff ;}

.placebk-set{ background-color: #fafafa;}

.place{  font-size: 12px; line-height:40px; color: #666; margin-bottom: 10px;}
.page-title,.about-title{ text-align: center; width: 100%; height: 150px; background-image: url(../images/ys.png); background-position: center top; background-repeat: no-repeat; position: relative;}
.page-title span,.about-title span{ display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 40px; font-weight: bold; text-transform:uppercase;}
.page-title span:first-child,.about-title span:first-child{ height:90px; line-height: 90px; padding-top: 10px;font-family:"arial, helvetica, sans-serif"; font-weight: bold; }
.about-title span:last-child,.about-title h1,.page-title h1{ line-height: 60px; font-family: "微软雅黑"; font-weight: bold;font-size: 24px; }

.aboutus-div01{ padding-top: 20px!important; background-image: url(../images/aboutus-01.jpg); background-repeat: no-repeat; background-position: center bottom;}
.aboutus-div02{ padding-top: 20px!important; background-image: url(../images/aboutus-02.jpg); background-repeat: no-repeat; background-position: center bottom;}
.aboutus-div03{ height: 650px; padding-top: 20px!important;}

.about-inofor{ padding-top:60px; padding-bottom: 80px; width: 55%; margin: 0px auto; font-size:18px; line-height: 40px;  font-family: "微软雅黑"; font-weight: bold;}
.about-content .col-md-4{ padding: 0.5rem!important;}
.about-content .col-md-4 img{ max-width: 96%; margin: 0px auto;}
.about-content .col-md-8{ font-size: 14px; padding-top: 30px; line-height: 30px;}
.about-content .col-md-8,.about-content .col-md-8 p,.about-content .col-md-8 a{ color: #333;}
.about-content .col-md-8 div{ text-indent: 24px;}
.about-content .col-md-8 strong,.about-content .col-md-8 strong span{ font-weight: bold;}

.list-div01{ padding-top: 20px;}

.contactus-div01,.page-div01{ height: auto; background-image: unset;} 
.contactus-div01 .col-md-4{ text-align: center;}
.contactus-com{ font-size: 24px; line-height:60px; font-family: "微软雅黑";}
.contactus-map{ height: 500px; position: relative; margin-top: 20px; margin-bottom: 20px; border: solid 1px #ddd;}

.BMap_bubble_title{ line-height: 40px!important; height: 40px!important; font-weight: bold;}

.projectbk{ background-color: #f8f8f8;}
.projectbk article{width: 100%; padding-top: 30px;}
.projectbk article img{ max-width: 100%!important; height: auto!important;}


.shebei-div{ height:150px ; margin-bottom: 30px;}
.shebei-div dl{ width: 100%; height: 100%; position: relative;}
.shebei-div dl dt{ height: 100%; width: 20%; float: left;}
.shebei-div dl dd{height: 100%;width: 20%; float: left;}
.shebei-div dl img{ max-width: 100%; height: auto;}
.shebei-div dl dd img{ border-right: solid 10px #fff;}


.banner-page{ height: auto; margin: 0px auto; padding: 0px;}
.banner-page img{ width: 100%; height: auto;}


.case-list-div article{ border-bottom:0px ; text-align: center;}
.contactus-com-content{ padding-left: 0px;}

.article-bannerbk{ height: 315px; background-image: url(../images/kk.jpg) ; background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; position: relative;}

.product-bannerbk{ height: 315px; background-image: url(../images/cp.jpg) ; background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; position: relative;}


.articleview .row,.articlelist .row{ margin: 0px auto;}
.viewbox { min-height: 500px;display: block;}
.viewbox ,.viewbox div,.viewbox  a,.viewbox  p{ font-family: "微软雅黑";}
.viewbox .title{ width: 100%; height: 40px; margin-top: 20px; margin-bottom: 20px; }
.viewbox .title h1{ line-height: 30px; text-align: center; font-weight: bold;font-size: 26px;color: #333;}
.viewbox .info{ width: 90%; height: 38px; line-height: 38px; background-color: #eee; font-size: 14px; text-align: center; margin: 0px auto}
.viewbox .info small{ font-size: 14px; margin-left: 15px; }
.viewbox .content,.viewbox .view-content{ width: 100%; display: flex; margin-bottom: 20px; margin-top: 20px;}
.viewbox .view-content{ text-align: center;}
.viewbox .view-content center{ margin: 0rem auto;} 

.viewbox .intro{ width: 92%; padding: 5px; background-color: #fafafa; border:dotted 1px #eee; font-size: 12px;margin: 0px auto; margin-top: 20px; margin-bottom: 20px;}

.viewbox .litpic{ width: 92%; height: auto; display: block; text-align: center;vertical-align: middle;margin: 0px auto; margin-top: 20px; margin-bottom:20px;}
.viewbox .litpic img{ max-width: 50%; height: auto; display: flex; text-align: center; vertical-align: middle; margin: 0px auto;}

.viewbox .table-content{ width: 92%;margin: 0px auto;}
.viewbox .table-content table{ width: 100%!important; height: auto; margin: 0px auto;}
.viewbox .dede_pages{width: 92%; display: flex;margin: 0px auto; margin-bottom:10px; margin-top: 10px;}

.list-case{ border-top: 0px; border-bottom: 0px; margin-bottom: 20px!important;}

.viewbox .view-tag{ width: 100%; text-align: right; margin-top: 10px; margin-bottom: 10px;}
.viewbox .view-tag a{ font-size: 10px;}

.category-div{ width: 270px; max-width: 100%; display: block; margin: 0px auto; position:relative;}
.category-div .category-head{ width: 100%; height: 110px; position: relative; background-color: #033F7E;}
.category-div .category-head h3{ width: 90%; height:80px; margin: 0px auto; padding-top:20px; text-align: left;font-family: "微软雅黑";color: #fff;}
.category-div .category-head h3 span{ line-height: 30px; text-transform: uppercase; font-size: 20px; font-weight: bold; }
.category-div .category-head h3 p{ line-height: 40px; text-transform: uppercase; font-size: 26px; font-weight: bold; }

.category-div .category-list{ display: block; width: 100%; min-height: 330px;background-position: bottom center; background-color: #eee; margin: 0px auto; background-repeat: no-repeat; padding-top: 20px;margin: 0px auto;}
.category-div .category-list ul,.category-div  .tag-list{ width: 92%; margin: 0px auto; padding: 0px;}
.category-div  .tag-list{ margin-top: 20px; height:auto; overflow:hidden}
.category-div .category-list ul li{ width: 100%; height: 40px; border-radius: 15px; border: solid 1px #ddd; margin-top: 8px; margin-bottom: 8px; list-style: none; text-align: center;padding: 0; background-color: #fff;}
.category-div .category-list ul li a{ line-height: 40px; color: #333; font-weight: bold;}
.category-div .category-list ul li:hover{ border: solid 1px #34b8ed; background-color: #34b8ed;}
.category-div .category-list ul li:hover a{color: #fff;}


.shebei-list{}
.shebei-div{margin: 0px auto;}


.articlelist article{ width: 92%;  margin: 0px auto; margin-bottom:5px; margin-top: 5px; padding-bottom: 5px; border-bottom: dotted 1px #ddd;}
.articlelist article a{ line-height: 30px; color: #000000;}
.articlelist article .post-meta{ font-size: 12px; line-height: 25px;color: #333;}
.articlelist article .post-meta a{color: #333;}

.articlelist article .post-content{font-size: 12px; line-height: 20px;color: #999;}

.articlelist article:hover .a01{color:#007bff ; font-weight: bold;  transition:all 0.3s;}
.articlelist article:hover .post-meta,.articlelist article:hover .post-content{color:#000 ;}

.productpage-list{ display: flex!important;}
.productpage-list article{ width: 100%;  margin: 0px auto; margin-bottom:5px; margin-top: 5px;border: solid 1px #ddd; text-align: center;}
.productpage-list article .product-img{ width:245px; height:245px ; position: relative; display: block; text-align: center;}
.productpage-list article .product-img img{ max-width: 1; display: flex; height: 17.1875rem; text-align: center; vertical-align: middle; margin: 0px auto;}

.productpage-list .product-list{ padding-left: 0px; padding-right: 0px;margin-bottom: 6px;}
.productpage-list .product-div{ width:98%;height:210px; }
.productpage-list .product-div .product-div-li01-div{ width: 94%; left: 3%;height:85px;}
.productpage-list .product-div .product-div-li01-div-01a{ height:210px; }
.productpage-list .product-div .product-div-li01-div-01a img{ padding: 5px;}

.productpage-list .product-div .product-div-li01-div .a01,.productpage-list .product-div .product-div-li02 .product-div-li02-title{ font-size: 16px;}
.productpage-list .product-div .product-div-li01-div .field-span{margin-top: 5px;margin-bottom: 5px;}

.casebk{ border: none;}
.casebk .casebk-list a{ width: 100%; margin: 0px auto; display:table-cell; height:180px; overflow: hidden; vertical-align: middle; text-align: center;}
.casebk .casebk-list a img{ width: 100%; max-height: 100%; padding: 5px; transition: all 0.3s;}
.casebk .casebk-list a:hover img{ padding: 0px; transition: all 0.3s;}

.dede_pages{  text-align: center; margin-top: 30px!important;}
.pagination{ width: 100%; text-align: center; display: block; margin: 0px auto;}
.pagination li{ margin-right: 10px; font-size: 14px; line-height: 40px; display: inline-block;}
.pagination li a{font-size: 14px; line-height: 17px; }

.productpage-infor img{ max-width: 100%;}

.productpage-infor-01{display: flex; padding-top: 30px; padding-bottom: 30px; background-position: bottom; background-image: url(../images/product-1.jpg); background-repeat: repeat-x;}
.productpage-infor-01 img{ margin: 0px auto; display: flex; max-width: 100%; height: auto; text-align: center; vertical-align: middle;}
.productpage-infor-01 ul li{ margin-bottom: 20px; font-size: 16px;}

.productpage-infor-02{ padding-top: 30px; padding-bottom:50px; border-bottom: solid 1px #ddd;}
.productpage-infor-02 ul li:first-child{ font-size: 30px; color: #5DA83C; line-height: 50px;}
.productpage-infor-02 ul li:last-child{ font-size: 20px; color: #333; line-height: 40px;}


.productpage-infor-03{ display: flex; padding-top: 30px; padding-bottom:50px; border-bottom: solid 1px #ddd;font-size: 20px; color: #333; line-height: 40px;}
.productpage-infor-04{ display: flex; padding-top: 30px; padding-bottom:50px; border-bottom: solid 1px #ddd;}
.productpage-infor-04 p{font-size: 18px; color: #333; line-height:60px; text-align: center;}
.productpage-infor-04  img{ display: flex; height: 278px; margin: 0rem auto;}

.productpage-infor-05{padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-position: bottom; background-image: url(../images/product-1.jpg); background-repeat: repeat-x;}
.productpage-infor-05 p{font-size: 30px; color: #333; line-height:60px; text-align: center;}
.productpage-infor-05 table{ margin: 0px auto;  border-collapse: collapse;border: none; margin-top: 20px;}
.productpage-infor-05 table td{ border: solid #ddd 1px; text-indent: 10px;}
.productpage-infor-05 table .td-01{ width: 30%;}
.productpage-infor-05 table .td-02{ width: 70%;}


.table-content-productinfor{ margin: 0px auto;  border-collapse: collapse;border: none; margin-top: 20px;}
.table-content-productinfor td{ border: solid #ddd 1px; text-indent: 10px;}
.table-content-productinfor .td-01{ width: 30%;}
.table-content-productinfor .td-02{ width: 70%;}



.mapspage .row,.tagspage .row{ margin: 0px auto;}
.mapspage .place,.tagspage .place{ border-bottom: solid 1px #ddd; margin-bottom: 10px;}
.mapspage .title h1,.tagspage .title h1{ font-size: 24px; line-height: 60px;}
.mapspage .linkbox h3,.tagspage .linkbox h3{ font-size: 18px;}
.mapspage .linkbox dl{ margin: 0px auto;}
.mapspage .linkbox dl dd{ line-height: 25px; text-indent: 24px; margin: 0px auto;}
.mapspage .linkbox dl dd a{ font-size: 12px; line-height: 25px;}

.listbox-list{ margin-top: 30px!important;}
.listbox-list .e2{ width: 100%; }
.listbox-list .e2 li{ width: 100%; height:100px;  padding-bottom: 5px;padding-top: 5px; border-bottom: dotted 1px #eee; margin-bottom: 8px;; }
.listbox-list .e2 .preview{ display: block; float: left;margin-right: 18px; width: 80px;}
.listbox-list .e2 li img{ display: flex; max-width:100%;height: auto; margin: 0px auto; text-align: center; vertical-align: middle; }
.listbox-list .e2 li .info{ background-color: unset; width: 100%; display: block; height: 25px; line-height: 25px; font-size: 12px; text-align: left;}
.listbox-list .e2 li .info small{ margin-left: 0px;}
.listbox-list .e2 li .intro{ background-color: unset;margin-top: 0px;}

.navbar-light .navbar-toggler {color: rgba(255,255,255,.8);border-color: rgba(255,255,255,.8);position: absolute;left: 0px;top: 8px;}

.navbar-light .navbar-toggler-icon {   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#navbarSupportedContent.show{background-color: rgba(0, 0, 0, 0.6);z-index: 100;margin-top: 55px;}
#navbarSupportedContent.show .nav-item{ width: 100%;border-bottom: 1px #333 solid;line-height: 50px;}

.firendlink-a,.firendlink-a a{ font-size: 12px; color: #666;}
.firendlink-a strong{color: #000000;font-size: 16px; line-height: 50px;}
.firendlink-a{ padding-top: 30px; padding-bottom: 30px; }

@media (min-width: 320px) and (max-width:429px)
{
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{ padding: 0px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right:6px;padding-left:6px;	}
	
	.row{ margin-left: 0px!important;margin-right: 0px!important;}
	
	.header-top {height: 30px; } 
	.header-top .first-1{ display: none;}
	.header-top .first-2{line-height: 30px!important; font-size: 12px; text-align: center;}
	
	
	.header-logo {height:80px; position: relative; }
	.header-logo .header-logo-a{ position: absolute; width: 80%;left: 0px;max-width: unset;}
	.header-logo .header-logo-mob-btn{position: absolute; width: 20%; right: 0px;}
	
	.navbar-div{ top:20px;}	
	.header-logo .navbar-toggler{ position: absolute;right: 8px; top: 0px;border: 1px solid #ddd;padding: .25rem .45rem;}
	.header-logo .navbar-toggler span i{ font-size: 30px;color: #666;}	
	.navbar-nav .nav-link{ color: #fff;}
	.navbar-div li, .navbar-div a{ font-weight: normal;}
	
	#navbarSupportedContent.show{ position: fixed; width: 100%;height: 100%; left: 0px;top: 55px;}
	#navbarSupportedContent.show .nav-item{ height: 40px;line-height: 40px;}
	#navbarSupportedContent.show .nav-item a{ line-height: 40px; text-align: left; font-weight: bold;}
	.navbar-expand-lg .navbar-nav .dropdown{height: auto!important; position: relative;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{display: block; background-color: unset;}
	.navbar-expand-lg .navbar-nav .dropdown-menu a{ color: #eee; height: 30px; line-height: 30px;border-bottom:unset; font-size: 14px; text-align: left;border-bottom: 1px #333 solid;width: 50%; float: left; font-weight: normal;}
	
	.searchbk .formsearch-div { text-align: center;}
	.searchbk .formsearch-div block{ display: none;}
	.searchbk .formsearch-div #q{ width: 220px;height: 30px;line-height: 30px;}
	.searchbk .formsearch-div, .searchbk .formsearch-div a{ font-size: 12px;}	
	.searchbk .formsearch-div{padding-top: 5px;padding-bottom: 5px;}
	.searchbk .formsearch-div .input-group-btn{ width:50px;height: 30px; line-height: 30px;}
	.searchbk .formsearch-div .input-group-btn i{ font-size: 1rem;}
	
	.first-div{ padding-top: 20px!important; padding-bottom: 20px!important;}
	.index-title{ height: 60px; max-height: 100%;margin-top:10px;margin-bottom:10px;}
	.index-title img{max-height: 100%;}
	.index-channel-son a{ font-size: 14px;}
	
	.product-list {margin-bottom:8px;}
	.product-div{ width:155px;height:110px;margin: 0px auto;}
	.product-div .product-div-li01-div-01a{ height: 110px;}
	.product-div .product-div-li01-div-01a img{ padding: 4px;border: solid 1px #34b8ed;}
	
	
	.casebk{ padding-bottom: 20px; padding-top: 20px;}
	
	.youshi-div .youshi-title p:first-child{ font-size: 22px;line-height:40px;}
	.youshi-div .youshi-title p:last-child{ line-height: 25px; font-size: 14px; margin-top: 10px;margin-bottom: 10px;}
	.youshi-infor .youhi-01{height: 330px;}
	
	.youshi-01 .youshi-tel{bottom:40px;text-align: left;width: 90%;left: 5%;} 
	
	.youshi-infor{ height: auto;}
	.youshi-infor-bk{ height: 700px;}
	.youshi-infor-bk ul li{width: 100%; height: 25%;}
	.youshi-infor-bk ul li dl{width: 90%;left: 5%;height: 90%; top: 5%;}
	.youshi-infor-bk ul li dl dt{font-size:16px;line-height:30px;}
	.youshi-infor-bk ul li dl dt span{ font-size: 16px; line-height: 30px;}
	.youshi-infor-bk ul li dl dd{ font-size: 12px;}
	
	.aboutus-div{ margin-bottom: 30px;}
	.aboutus-infor .index-title{width: 98%; margin: 0px auto;}
	.aboutus-infor .index-title a{ line-height: 60px;font-size: 24px;}
	.aboutus-title{line-height:60px;font-size: 20px; text-align: center;}
	.aboutus-infor-body { font-size: 12px; padding: 6px;}
	
	.aboutus-infor .aboutus-infor-img {padding-top:20px!important;}
	
	.more-detail{ height: 30px; line-height: 30px; font-size: 12px;margin-top:10px;}
	.more-a { margin-top: 10px; margin-bottom: 10px;}
	.more-a a{font-size: 14px;line-height: 30px;width:180px;}
	
	.shebei-div{height: auto;}
	.shebei-div dl dt,.shebei-div dl dd{ width: 50%; height: 100px; margin: 0px auto; border:none;}
	.shebei-div dl dd img{border:none; border-bottom: solid 1px #fff; border-left: solid 1px #fff; border-right: solid 1px #fff;}
	.shebei-div dl dd:last-child{ display: none;}
	
	.newslist-left {width: 98%;}
	.newslist-title{ height: 30px; line-height: 30px;}
	.newslist-title a:first-child{width: 100px;height: 30px; line-height: 30px;font-size: 16px;}
	.newslist-01 ul li a{ font-size: 12px;}
	.newslist-title a:last-child i{top: 6px;}
	
	.footer-infor {padding-top:30px!important;padding-bottom:30px!important;	}
	.footer-infor ul li { height: auto;}
	.footer-infor ul li dl dt {font-size: 18px;line-height: 40px;}
	.footer-infor ul li dl dd,.footer-infor ul li dl dd a{font-size: 14px;line-height:25px;}
	.footer-infor ul li dl dd a{height: 25px;}
	
	.footer-center dt,.footer-center dd a{ text-align: left!important;}
	.footer-infor .footer-ewm{ display: none;}
	.copyright{height: auto; line-height:22px; padding-top: 20px; padding-bottom: 20px;}
	
	
	
	.newslist-02 ul li a{line-height: 25px; font-size: 12px;}
	.newslist-02 ul li p {line-height: 20px;}
	
	
	.aboutus-div03{padding-top: 10px!important;}
	
	.category-div {width: 100%;}
	.category-div .category-head{ height: 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: none;}
	.category-div .category-head h3{ height: 30px; padding-top: 0px;}
	.category-div .category-head h3 span{font-size: 14px;line-height: 20px; display: none;}
	.category-div .category-head h3 p{font-size:14px;line-height: 30px;}
	 
	.category-div .category-list{ min-height: 100px;  padding-bottom: 10px; padding-top: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.category-div .category-list ul li { height: 30px;}
	.category-div .category-list ul li a{ line-height: 30px; font-size: 12px;}
	.category-div .category-list ul li{width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%;margin-bottom: 2px;}
	
	.about-content-right{ padding: 10px;}
	.about-content-right,.about-content-right p,.about-content-right div{ font-size: 12px;}
	.about-content-right img{ max-width: 100%!important;}
	
	.viewbox .title{ margin-top: 10px; margin-bottom: 10px;}
	.viewbox .title h1{ font-size:18px;}
	.viewbox .info{height: auto;line-height: 20px;    font-size: 12px;}
	.viewbox .info small{font-size: 12px;}
	
	.productpage-list { min-height:unset; padding-left: 8px;}
	.productpage-list .product-list{ margin-bottom: 5px;height: 120px;}
	.productpage-list .product-div{ height: 120px;}
	.productpage-list .product-div .product-div-li01-div-01a{ height: 120px;}
	.productpage-list .product-div .product-div-li01-div-01a img{padding: 2px;}
	
	.viewbox .dede_pages{ margin-top: 10px!important;}
	
	.casebk{padding-bottom: 0px;padding-top: 10px;}
	.casebk .casebk-list{ height: 110px;}
	.casebk .casebk-list a{ height: 110px;}
	
	.contactus-com{font-size: 22px;}
	
	
	
	
	
	
} 

@media (min-width: 411px) and  (max-width: 414px) 
{ 
	#navbarSupportedContent.show{top: 40px;}
	#navbarSupportedContent.show .nav-item{ height: 50px;line-height: 50px;}
	#navbarSupportedContent.show .nav-item a{ line-height: 50px;}
	.navbar-expand-lg .navbar-nav .dropdown{ margin-bottom: 5px;} 
	.navbar-expand-lg .navbar-nav .dropdown-menu a{height: 40px; line-height: 40px!important;}
	
	.product-div{ width:195px;height:150px;margin: 0px auto;}
	.product-div .product-div-li01-div-01a{ height: 150px;}
	.product-div .product-div-li01-div-01a img{ padding: 2px;border: solid 1px #34b8ed;}
	
	.youshi-infor .youhi-01{height: 390px;}
	.youshi-infor-bk ul li dl dd{ font-size: 14px;}
	.aboutus-infor-body{font-size: 14px;}
	.shebei-div dl dt,.shebei-div dl dd{ height: 127px;}
	
	.productpage-list .product-list{height: 150px;}
	.productpage-list .product-div{ height: 150px;width: 96%;}
	.productpage-list .product-div .product-div-li01-div-01a{height: 150px;}
	
	
}

@media (max-width: 375px) 
{ 
	#navbarSupportedContent.show{top: 40px;}
	#navbarSupportedContent.show .nav-item{ height: 50px;line-height: 50px;}
	#navbarSupportedContent.show .nav-item a{ line-height: 50px;}
	.navbar-expand-lg .navbar-nav .dropdown{ margin-bottom: 5px;} 
	.navbar-expand-lg .navbar-nav .dropdown-menu a{height: 40px; line-height: 40px!important;}
	
	.product-div{ width:180px;height:130px;margin: 0px auto;}
	.product-div .product-div-li01-div-01a{ height: 130px;}
	.product-div .product-div-li01-div-01a img{ padding: 2px;border: solid 1px #34b8ed;}
	
	.shebei-div dl dt,.shebei-div dl dd{ height: 118px;}
	
}

@media (max-width: 360px) 
{
	#navbarSupportedContent.show{top: 40px;}
	#navbarSupportedContent.show .nav-item{ height:45px;line-height: 45px;}
	#navbarSupportedContent.show .nav-item a{ line-height: 45px;}
	.navbar-expand-lg .navbar-nav .dropdown{ margin-bottom: 5px;} 
	.navbar-expand-lg .navbar-nav .dropdown-menu a{height: 40px; line-height: 40px!important;}
	
	.product-div{ width:170px;height:130px;margin: 0px auto;}
	.product-div .product-div-li01-div-01a{ height: 130px;}
	.product-div .product-div-li01-div-01a img{ padding: 2px;border: solid 1px #34b8ed;}
	
	.shebei-div dl dt,.shebei-div dl dd{ height: 111px;}
	.product-div .product-div-li02 .product-div-li02-a{margin-top: 25%; }
	 
}


@media  (min-width: 530px) and (max-width:768px)
{
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{ padding: 0px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 0px;padding-left: 0px;	}
	
	
	.header-top {height: 30px; }
	.header-top .first-1,.header-top .first-2{line-height: 30px!important; font-size: 12px;}
	
	.header-logo {height: 120px; }
	.navbar-div{ top:40px;}
	.header-logo .navbar-toggler{ position: absolute;right: 0px; top: 0px;border: 1px solid #ddd;}
	.header-logo .navbar-toggler span i{ font-size: 30px;color: #666;}	
	.navbar-nav .nav-link{ color: #fff;}
	
	.searchbk .formsearch-div #q{ width: 220px;height: 30px;line-height: 30px;}
	.searchbk .formsearch-div, .searchbk .formsearch-div a{ font-size: 12px;}	
	.searchbk .formsearch-div{padding-top: 5px;padding-bottom: 5px;}
	.searchbk .formsearch-div .input-group-btn{ width:60px;height: 30px; line-height: 30px;}
	.searchbk .formsearch-div .input-group-btn i{ font-size: 1rem;}
	
	.first-div{ padding-top: 20px!important; padding-bottom: 20px!important;}
	.index-title{ height: 60px; max-height: 100%;}
	.index-title img{max-height: 100%;}
	
	.product-list {margin-bottom: 18px;}
	.product-div{ width:240px;height:190px;}
	.product-div .product-div-li01-div-01a img{ padding: 4px;}
	
	.casebk{ padding-bottom: 20px; padding-top: 20px;}
	
	.youshi-infor .youhi-01{height: 500px;}
	.youshi-div .youshi-title p:first-child{ font-size: 30px;line-height: 50px;}
	
	.youshi-01 .youshi-tel{bottom:80px;text-align: left;} 
	
	.youshi-infor{ height: auto;}
	.youshi-infor-bk{ height: 400px;}
	.youshi-infor-bk ul li dl dt{font-size:16px;line-height:30px;}
	.youshi-infor-bk ul li dl dt span{ font-size: 16px; line-height: 30px;}
	.youshi-infor-bk ul li dl dd{ font-size: 12px;}
	
	.aboutus-div{ margin-bottom: 30px;}
	.aboutus-infor .index-title a{ line-height: 60px;font-size: 26px;}
	.aboutus-title{line-height: 40px;font-size: 20px;}
	.aboutus-infor-body { font-size: 12px;}
	
	.aboutus-infor .aboutus-infor-img {padding-top: 140px!important;padding: 20px;}
	
	.more-detail{ height: 30px; line-height: 30px; font-size: 12px;margin-top:10px;}
	
	.shebei-div{height: 100px;}
	
	.newslist-left {width: 98%;}
	.newslist-title{ height: 30px; line-height: 30px;}
	.newslist-title a:first-child{width: 100px;height: 30px; line-height: 30px;font-size: 16px;}
	.newslist-01 ul li a{ font-size: 12px;}
	.newslist-title a:last-child i{top: 6px;}
	
	.footer-infor {padding-top:30px!important;padding-bottom:30px!important;	}
	.footer-infor ul li { height: auto;}
	.footer-infor ul li dl dt {font-size: 18px;line-height: 40px;}
	.footer-infor ul li dl dd,.footer-infor ul li dl dd a{font-size: 14px;line-height:25px;}
	.footer-infor ul li dl dd a{height: 25px;}
	
	.footer-center dt,.footer-center dd a{ text-align: left!important;}
	.copyright{height: auto; line-height:30px; padding-top: 20px; padding-bottom: 20px;}
	
	
	.newslist-02 ul li a{line-height: 25px; font-size: 12px;}
	.newslist-02 ul li p {line-height: 20px;}
	
	.category-div {width: 100%;}
	.category-div .category-head{ height: 40px; border-top-left-radius: 5px; border-top-right-radius: 5px;display: none;}
	.category-div .category-head h3{ height: 40px; padding-top: 0px;}
	.category-div .category-head h3 span{font-size: 14px;line-height: 20px; display: none;}
	.category-div .category-head h3 p{font-size:18px;line-height: 40px;}
	 
	.category-div .category-list{ min-height: 100px;  padding-bottom: 10px; padding-top: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
	.category-div .category-list ul li { height: 30px;}
	.category-div .category-list ul li a{ line-height: 30px; font-size: 12px;}
	.category-div .category-list ul li{width: 30%; float: left; margin-left: 1.5%; margin-right: 1.5%;margin-bottom: 2px;}
	
	.about-content-right{ padding: 10px;}
	.about-content-right,.about-content-right p,.about-content-right div{ font-size: 12px;}
	.about-content-right img{ max-width: 100%!important;}
	
	.viewbox .title h1{ font-size: 22px;}
	.viewbox .info{height: 30px;line-height: 30px;    font-size: 12px;}
	.viewbox .info small{font-size: 12px;}
	
	.productpage-list { min-height:unset; padding-left: 8px;}
	.productpage-list .product-list{ margin-bottom: 5px;height: 185px;}
	.productpage-list .product-div{ height: 185px;}
	.productpage-list .product-div .product-div-li01-div-01a{ height: 180px;}
	
	
	.casebk .casebk-list{ height: 160px;}
	.casebk .casebk-list a{ height: 150px;}
	
	.contactus-com{font-size: 22px;} 
	 
}
@media (width: 768px) 
{
 .youshi-infor .youhi-01 {height: 400px; }
 .youshi-01 .youshi-tel{height: 110px;}
 
 .category-div .category-list{min-height: 200px;}
 .category-div .category-list ul li{width: 100%; float:none;}
 
 
 .productpage-list .product-list{height: 140px;}
 .productpage-list .product-div{ height: 140px;width: 96%;}
 .productpage-list .product-div .product-div-li01-div-01a{height: 140px;}
	 
	 .casebk .casebk-list{ height: 150px;}
	 .casebk .casebk-list a{ height: 150px;}
	 
}


@media (min-width: 800px) and (max-width:999px)
{
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{ padding: 0px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 0px;padding-left: 0px;	}
	
	.header-top {height: 30px; }
	.header-top .first-1,.header-top .first-2{line-height: 30px!important; font-size: 12px;}
	
	.header-logo {height: 120px; }
	.navbar-div{ top:40px;}
	.header-logo .navbar-toggler{ position: absolute;right: 0px; top: 0px;border: 1px solid #ddd;}
	.header-logo .navbar-toggler span i{ font-size: 30px;color: #666;}	
	.navbar-nav .nav-link{ color: #fff;}
	
	.searchbk .formsearch-div, .searchbk .formsearch-div a{ font-size: 12px;}	
	.searchbk .formsearch-div{padding-top: 5px;padding-bottom: 5px;}
	
	.product-list {margin-bottom: 18px;}
	.product-div{ width:240px;height:190px;}
	.product-div .product-div-li01-div-01a img{ padding: 4px;}
	
	.casebk{ padding-bottom: 20px; padding-top: 20px;}
	.youshi-div .youshi-title p:first-child{ font-size: 30px;line-height: 50px;}
	
	.youshi-01 .youshi-tel{bottom: 110px;font-size: 12px; height: 20px; line-height: 20px;}
	.youshi-01 .youshi-tel span{width: 20px; height: 20px; line-height: 20px; border-radius: 20px;}
	.youshi-01 .youshi-tel span i{ line-height: 20px; font-size: 12px;top: 2px;left: 2px;}
	
	.youshi-infor{ height: 400px;}
	.youshi-infor-bk ul li dl dt{font-size:16px;line-height:30px;}
	.youshi-infor-bk ul li dl dt span{ font-size: 16px; line-height: 30px;}
	.youshi-infor-bk ul li dl dd{ font-size: 12px;}
	
	.aboutus-div{ margin-bottom: 30px;}
	.aboutus-infor .index-title a{ line-height: 60px;font-size: 26px;}
	.aboutus-title{line-height: 40px;font-size: 20px;}
	.aboutus-infor-body { font-size: 12px;}
	
	.aboutus-infor .aboutus-infor-img {padding-top: 140px!important;padding: 20px;}
	
	.more-detail{ height: 30px; line-height: 30px; font-size: 12px;margin-top:10px;}
	
	.shebei-div{height: 100px;}
	
	.newslist-left {width: 98%;}
	.newslist-title{ height: 30px; line-height: 30px;}
	.newslist-title a:first-child{width: 100px;height: 30px; line-height: 30px;font-size: 16px;}
	.newslist-01 ul li a{ font-size: 12px;}
	.newslist-title a:last-child i{top: 6px;}
	
	.footer-infor ul li dl dt {font-size: 18px;line-height: 40px;}
	.footer-infor ul li dl dd,.footer-infor ul li dl dd a{font-size: 14px;line-height:25px;}
	.footer-infor ul li dl dd a{height: 25px;}
	
	.newslist-02 ul li a{line-height: 25px; font-size: 12px;}
	.newslist-02 ul li p {line-height: 20px;}
	
	
	.category-div .category-head{ height: 90px;}
	.category-div .category-head h3 span{font-size: 14px;line-height: 20px;}
	.category-div .category-head h3 p{font-size: 20px;line-height: 40px;}
	.category-div .category-list ul li { height: 30px;}
	.category-div .category-list ul li a{ line-height: 30px; font-size: 12px;}
	
	.about-content-right{ padding: 10px;}
	.about-content-right,.about-content-right p,.about-content-right div{ font-size: 12px;}
	.about-content-right img{ max-width: 100%!important;}
	
	.viewbox .title h1{ font-size: 22px;}
	.viewbox .info{height: 30px;line-height: 30px;    font-size: 12px;}
	.viewbox .info small{font-size: 12px;}
	
	.productpage-list { min-height:unset; padding-left: 8px;}
	.productpage-list .product-list{ margin-bottom: 0px;height: 155px;}
	.productpage-list .product-div{ height: 155px;}
	.productpage-list .product-div .product-div-li01-div-01a{ height: 160px;}
	
	.casebk .casebk-list{ height: 160px;}
	.casebk .casebk-list a{ height: 150px;}
	
	.contactus-com{font-size: 22px;}
	
	
}

@media (min-width: 1000px) and (max-width:1199px)
{
	body{ min-width: 1000px;}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right: 0px;padding-left: 0px;}
	.header-top {height: 30px; }
	.header-top .first-1,.header-top .first-2{line-height: 30px!important; font-size: 12px;}
	.header-logo {height: 120px; }
	.navbar-div{ top:40px;}
	.navbar-div li, .navbar-div a{ font-size: 14px;}
	.searchbk .formsearch-div, .searchbk .formsearch-div a{ font-size: 12px;}	
	.searchbk .formsearch-div{padding-top: 5px;padding-bottom: 5px;}
	
	.product-list {margin-bottom: 10px;}
	.product-div{ width: 315px;height: 240px;}
	
	.youshi-01 .youshi-tel{ font-size: 18px;}
	
	.youshi-infor-bk ul li dl{ width: 90%; height: 90%; left: 5%; top: 5%;}
	.youshi-infor-bk ul li dl dt{font-size: 22px;line-height: 40px;}
	
	.category-div .category-head{ height: 90px;}
	.category-div .category-head h3 span{font-size: 16px;line-height: 20px;}
	.category-div .category-head h3 p{font-size: 22px;line-height: 40px;}
	
	.productpage-list .product-list{ margin-bottom: 0px;}
	.productpage-list .product-div{ height: 175px;}
	
	.casebk .casebk-list{ height: 160px;}
	.casebk .casebk-list a{ height: 150px;}
	
	.contactus-com{font-size: 22px;;}
}

@media (min-width: 1200px)
{
	body{ min-width: 1200px;}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right: 0px;padding-left: 0px;}
	 
	 
	 
}