@charset "utf-8";
html,body{ font:14px/1.8 "微软雅黑" ; background:#fff; color:#5c5c5c; margin: 0;padding: 0; -webkit-text-size-adjust:none;}	
ul,p,h1,h2,h3,h4,h5,h6,dd,dt{ margin:0px; padding:0px;font-weight: normal; }
a{ color:#666; text-decoration:none; font-weight: normal;}
li{ list-style:none;}
.clearfix:before, .clearfix:after{display: table;  line-height: 0; content: ""; clear: both;}
a:hover{  text-decoration:none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fl, .l, #l {	float: left}
.fr, .r, #r {	float: right}
.container {   width: 1360px; margin:0 auto}
.ka {  display: inline-block; font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; vertical-align:middle;
    font-size: 18px; color:#f99303;
}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}
/*头部*/


  
.paTBox {margin: 0 auto; display: flex;  align-items: center; justify-content: space-between;}
.Sptline .logo{ float: left; margin: 15px 0px 0px 0px;   }
.Sptline .logo img{ max-height: 100%; display: block;width:80%}
.Sptline {	clear: both; display: flex; justify-content: space-between;	height: 110px; width: 100%;  overflow: hidden; }
.Sptline dl {float: left; margin: 5px 0px 0px 0px;	}
.Sptline dl dd {font-size: 22px; color: #282828;}
.Sptline dl dt {font-size: 16px; color: #00173c;}
.Sptline dl dt font{color: #ff5e15; font-weight: bold;}

.Sptline .top_tel {background: url(../images/tel.png) no-repeat left center; margin: 0px 0px 0px 25px; padding-left: 20px; float: right;}
.Sptline .top_tel strong { display: block;   font-size: 22px;   font-family: Impact;   line-height: 1;  color: #ff5e15;padding-top:44px;; padding-left:10px}

.nava_right { display: flex;}
.nava {	height: 110px;	 }
.nava ul.menu {}
.nava .menu li {	float: left; flex: 1;	height: 110px;	line-height:110px;	padding: 0px 20px 0px 20px;	display: inline;}
.nava .menu li>a {font-size: 16px;text-decoration: none; color: #000;	height: 110px;line-height: 110px;	display: block;	text-align: center;font-weight:700; }
.nava .menu li.active a { color: #000; }
.nava .menu li ul {display: none;	position: absolute;z-index: 9999;}
.nava .menu li:hover {color: #f99303;}



.search {height:50px;	}
.searcPart {overflow: hidden;line-height: 50px;}
.searcPart h3 {	float: left;	font-size: 14px;}
.searcPart h3 span { float: left;}
.searcPart h3 p{ float:left; font-weight:normal;}
.searcPart h3 a {	margin: 0 5px;}
.searcPart h3 a:hover {	text-decoration: underline;}
.searchBox {	float: right;width: 303px;height: 37px;	margin-top:0px;background: url(../images/ss0.png) repeat-x center 0;}
.searchBox input.text   {float: left;height: 37px;width: 175px; font-size:14px; color:#868585;  background:none;	padding: 0 5px; border:none;}


.searchBox .but {float:right;width:58px;height:37px; border:none; background:none;margin-right:0px;padding:0px;}

.aasd{ height:30px; line-height:30px; text-align:center; font-size:22px; color:#FFF}


















/*首页*/
.title{   text-align: center;}
.title h1{   font-size: 35px;   color: #208bcc;   font-weight: bold;   line-height: 1;}
.title h1 span{   color: #00173c;   margin-right: 0px;}
.title .line{   height: 24px;   background:url(../images/line1.png) no-repeat center ;   margin-top: 15px;}
.title h2{   font-size: 22px;   color: #404040;   font-weight:bold;   line-height: 18px;   margin-top: 15px;}

.title1{    text-align: center; }
.title1 h1{   font-size: 35px;  color: #fff;   font-weight: bold;   line-height: 35px;   background:url(../images/jgpzd.png) no-repeat center ;}
.title1 h1 span{  margin: 0 10px;}
.title1 .line{   height: 24px;   background:url(../images/line2.png) no-repeat center ;   margin-top: 15px;}
.title1 h2{  font-size: 18px;   color: #ffffff;  font-weight: normal; line-height: 18px;   margin-top: 15px;}

.heading-divider{display: inline-block;
    position: relative;
    height: 3px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #208bcc;
    width: 60px;
    overflow: hidden;}
.heading-divider:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1.1px;
    height: 7px;
    width: 8px;
    background-color: #fff;
    -webkit-animation: heading-move 5s infinite linear;
    animation: heading-move 5s infinite linear;}
    @-webkit-keyframes heading-move{
    	0%{transform:translateX(-1px)}
    	50%{transform:translateX(60px)}
    	100%{transform:translateX(-1px)}
    	}
    @keyframes heading-move{
    	0%{transform:translateX(-1px)}
    	50%{transform:translateX(60px)}
    	100%{transform:translateX(-1px)}
    	}

/*产品展示---上边*/
.main_product {  padding: 100px 0px; }
.com_product{ margin: 0 auto; padding-top:40px;   }
.product_t {width: 100%;position: relative; }
.product_t .t_top {height: 125px;  background: url(../images/protbg.png) no-repeat center;   padding-left: 28px;   padding-top: 33px;box-sizing: border-box;}
.product_t .t_top h3{    font-size: 24px;   color: #fff;   font-weight: bold;   line-height: 1;}
.product_t .t_top span {font-size: 12px;   color: #ffffff;   font-weight: normal;   line-height: 12px;   font-family: "Arial";   margin-top: 11px;   text-transform: uppercase;}

.product_t ul{ display: flex; justify-content: center;}
.product_t ul li {margin: 0px 20px;padding: 7px 28px;border-radius: 50px; border: 1px solid #eee; }
.product_t ul li:hover{color: #fff;background: #208bcc;border-color: #208bcc; -webkit-transition: all .4s ease; transition: all .4s ease;}
.product_t ul li a{ font-size: 18px;  color: #282828;   font-weight:bold; }
.product_t ul li:hover a{   color: #fff;}

.product_t .t_bot{   height: 139px;   background: url(../images/prodh.png) no-repeat center ;   padding-left: 84px;   padding-top: 50px; box-sizing: border-box;}
.product_t .t_bot h1{   font-size: 15px;  color: #ffffff;   font-weight: normal;   line-height: 1;}
.product_t .t_bot h2{   font-size: 18px;   color: #ffffff;    font-weight: bold;   line-height: 1;   margin-top: 5px;}

/*产品展示---下边*/
#products{width: calc(100% - 200px); margin:20px auto 0px;}
#products ul li {display: block;   background: #eff2f7;  width: calc((100% - 60px) / 3);  float: left; position:relative; margin:10px 10px;  }
#products ul li a{ display: block;}
#products ul li .product_img {   width: 100%; height:300px; overflow: hidden; display: table-cell; vertical-align:middle;    text-align: center; }
#products ul li .product_img img{ display: block; object-fit: cover; height: 300px; width: 100%;}
#products ul li:hover .product_img img {transform: scale(1.2, 1.2); transition: .5s transform;}
#products ul li h3{  line-height:40px; font-size: 18px; font-weight: bold; color:#000; padding: 10px 20px; box-sizing: border-box; }

#products ul li:hover h3{color:#ff5e15;}
#products ul li:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2);-webkit-transition: all .4s ease; transition: all .4s ease;}


    	

/*关于我们*/
.main_about {width: 100%; margin-top: 100px;padding-top: 60px;  background: url(../images/vnlbg.jpg) no-repeat center top; color:#304F47;display:none; }
.main_about .title h1 span{ color: #fff;}
.main_about .title h2{ color: #fff;}
.about_line{ width:250px; height:1px; background-color:#ccc; margin-top:10px}
.about_line:before{ content: ""; background: #00173c; width: 100px; height: 2px; display: block;}

.about_num{ display: flex; }

.about_num ul{ display: flex; justify-content: center; width: 100%;}
.about_num ul li{ width: 50%;color: #fff; text-align: center;}
.about_num ul li b{font-size: 30px; color: #ff5e15;}
.about_num ul li p{ color: #fff;}
.about_c { padding: 60px 0;}
.about_cr{ color:#fff; text-align:center; box-shadow: 6px 6px 8px -6px rgba(0, 0, 0, 0.5);   margin-left: 1px; background:#f6f6f6; padding:10px; }
.about_cl { color:#000;    width: 960px; padding:0px 0px 40px 0px; margin:auto; line-height:30px; text-transform:uppercase;  border-right:none;}
.about_cl_tit { color:#f5991c; font-size:18px;  padding-bottom:10px; }
.about_cl_text{  font-size:14px;color:#fff; text-align: center;}
.about_cl_tit p{ color:#fff; font-size:24px; text-transform:uppercase;}
.about_cl_more{ margin:20px 0px 30px 0px; }
.about_cl_more li{ float:left; text-align:center;}
.about_cl_more h4 .li1{ background:#f5991c;border-radius: 15px 15px 15px 15px; width:140px; color:#fff;}
.about_cl_more h4 .li2{  width:140px; color:#f5991c;}
.about_cl_more  a{color:#dc2d24;}
.about_cl_img {width:300px;background-color:#00173c;border-radius:20px; padding:5px 15px; color:#FFF; font-size:18px; text-align:center; margin-top:30px}
.about_cl_img li{ float: left; margin-right:20px; }
.about_cl_img li img{ border:1px solid #cfcfcf; padding:2px;}


.floor_2_main{overflow: hidden;}
.floor_2{padding:0;position: relative;}
.youshi{overflow: hidden;position: relative; margin: 30px 200px 0px;}
.youshi .list{width: 100%;}
.youshi li{float: left;width: calc(33.333% - 5px); margin: 2.5px 2.5px; height:350px;display: block;overflow: hidden;position: relative;}
.youshi li:first-child,.youshi li:nth-child(2){width: calc(50% - 5px);}
.youshi li a{display: block;}

.youshi li .content{z-index: 2; width: 100%;color: #fff;cursor: pointer;}
.youshi li .content .sico-img{width:100%;height:350px; object-fit:cover;display: block;}
.youshi li .content .tshow{position: absolute; bottom: 0px;  font-size: 20px;   padding: 10px 30px;   font-weight: bold;   width: 100%;   background: rgba(0,0,0,0.5);}

.youshi li .content .text{ position: absolute; height: 0; top: 350px; background: rgba(31,109,175,0.9); width: 100%; padding: 50px 30px;transition:all 0.5s;}
.youshi li .content h3{font-size: 20px;font-weight: bold;line-height: 28px;}
.youshi li .content .desc{line-height: 25px;margin:10px auto;}
.youshi li .content .more1{margin:10px 0px; text-align:center;width:98px;height:26px;display: block;border: 1px solid #fff;line-height:26px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}

.youshi li a:hover .content .more1{margin-top: 15px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.youshi li a:hover .content .text{top:0px; height: 100%;}
.youshi li a:hover .content .tshow{ display: none;}

.transs {-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}

.youshi li:hover .content h3{ color: #fff}

.main_case{   margin: 100px 0px;}
.case_box01{   margin-top: 40px;}
.case_t{       position: relative;margin: 0px 200px;}
.case_t ul li{  margin: 0px 0px; position:relative;}
.case_t ul li img{   width: 100%;  height: 420px; object-fit: cover; display: block;}
.case_t ul li .text{ padding: 20px 20px; position:absolute; bottom:0px; background:rgba(0,0,0,0.5); width:100%; }
.case_t ul li h3{color: #fff;margin: auto; font-weight:bold;   transition: all .3s ease-out 0s; font-size: 18px;}
.case_t ul li span {color: #fff; font-size: 14px; }  
.case_t .hd{   position: absolute;   right: 36px;   bottom: 33px;   z-index: 999;}
.case_t .hd ul li{   width: 12px;  height: 12px;   background: #434343;    border-radius: 50%;   margin-left: 13px;   float: left;}
.case_t .hd ul li.on{   background: #00173c;}

.case_box02{   width: 673px;}
.case_box02 ul li{   float: left; width: calc(50% - 6px); height: 265px;   margin-right: 12px;   margin-bottom: 10px;}
.case_box02 ul li:nth-child(2n){   margin-right: 0;}
.case_box02 ul li img{  width: 100%; display: block; height: 225px;}
.case_box02 ul li h3{font-size: 16px; height: 40px;   color: #282828;  font-weight: normal; line-height: 40px;  padding-left: 20px;   width: 100%;   background: #d1d1d1;}

/*新闻动态*/
.main_news{ margin: 100px 0px;}
.dtspan {	margin: 60px 200px 0; display: flex;}
.lmbox{ width: calc(350px - 30px); margin-right: 30px;height: 450px; position: relative;}
.lmbox h2{ background: #208bcc; font-size: 18px; color: #fff; padding: 10px 20px; position: absolute; top: 0;}
.lmbox img{ object-fit: cover; width: 100%; height: 100%;}
.dtbox {width: calc(100% - 350px);	height: 450px;}
.dtbox .con_news{	display: flex;	overflow: hidden;}

.dtbox .con_news .con_news_left{width: 60%; position: relative;}
.dtbox .con_news .con_news_left a{ display: none;}
.dtbox .con_news .con_news_left img{ height: 450px; width: 100%; display: block; object-fit: cover; }
.dtbox .con_news .con_news_left h3 {height: 40px;line-height: 40px; padding: 0px 20px; width: 100%; color:#fff;font-size: 16px; position: absolute; bottom: 0; background: rgba(0,0,0,0.5);}

.dtbox .con_news .con_news_right {width: calc(40% - 30px); margin-left: 0px; 	padding: 10px 20px 10px 20px;	border: 1px solid #eee; }
.dtbox .con_news .con_news_right a{ margin: 0px 0px 20px 0px; display: block;}
.dtbox .con_news .con_news_right h3 {height: 40px;line-height: 40px;font-size: 16px;}
.dtbox .con_news .con_news_right p {	line-height: 30px;overflow: hidden; color:#868787;}





/*友情链接*/
.yqljbg {}
.yqlj {	padding: 24px 0px;}
.yqlj .conttit {	border-bottom: none;}
.yqlj .conttit span {	color: #5c5c5c;}
.yqlj p { clear: both;	height: 30px;	line-height: 30px;	overflow: hidden;}
.yqlj p a {	padding-right: 15px;	color: #808080;}
.yqlj {  padding: 24px 0px 30px 0px; margin:auto; width:1150px; }
.yqlj .conttit .tita {  padding-left: 0px; float:left;  color: #151515; font-size:16px; }


.yqlj .tit_line{ height:1px; background:#ccc; display:block; width:920px; margin-top:20px; float: left;}
.yqlj .tit_enter{ float:right;}
/*底部*/
footer{ background: #00173c; overflow:hidden; width:100%;}
.foot-nav{  margin-top:10px; height:40px; line-height:40px;}
.foot-nav a{padding-right: 20px;text-align: left;color: #ccc;}
.foot-nav a:first-child{   padding-right: 20px;   text-align: left;    background: none;   color: #ccc;}
.foot-nav span{ font-size:10px; margin:0px 8px; color:#ccc;}
.foot-text{  padding:0px 0px 5px; line-height:30px; color:#ccc; float:left; width:80%; }
.foot-text p{color:#ccc;}
.foot_pin{ width:20%; float:right;}
.foot_pin img{ width:100px; float:left;}
.foot_pin b{  float:left; margin-left:10px; color:#ccc;}

/*页尾*/
.footwrap { padding: 30px 0px;	}
.footer {position: relative; margin:0 auto;	overflow: hidden; display: flex; justify-content: space-between;}
.footnav{  height:45px;border-bottom: 1px solid #6582ac;}
.fotnav {height: 45px; 	line-height: 45px;font-size: 14px;  margin: 0 auto;display: flex; justify-content: space-between;}
.page_top {	position: absolute;}
.fotnav a {	text-align: center; width:127px; position: relative; line-height:45px; display:block; float:left;background: url(../images/navli.png) no-repeat left center;color: #fff;}

.fotnav a:first-child{ background:none;}
.fotnav a.nobg {	background-image: none;	padding-left: 0}
.fotlogo{ float:left; width:320px; margin-top:20px;}
.fottxt {	 width:360px; padding:0px 0px 0px 0px; margin-top:40px; float:left;line-height: 30px; 	color: #fff;	}
.fottxt h2{ color: #fff; font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.fottxt a {	color: #fff; width: 50%;  display: flex;  float: left;  flex-wrap: wrap;}
.fottxt a:before{ display: block; content: "+"; color: #ff5e15; margin-right: 5px; }
.code{ float:left;   margin-top:0px;}
.code dl{ text-align:center; float:left; margin:40px 0px 20px 0px; color:#fff;}
.code dl img{ width: 150px;}

.footbottom{ padding: 20px 0px; text-align: center; color: #fff;}
.footbottom a{ color: #fff;}


.pages_cont { margin: 30px 0;   width: 100%;    display: flex;   justify-content: center;    align-items: center;}
.pages_cont ul a {    float: left;}
.pages_cont ul a,.pages_cont ul span {padding:3px 10px; border: 1px solid #DCDCDC; border-radius: 0px; 
display: flex; align-items: center;   justify-content: center; float: left; margin: 0 5px; transition: all .4s;  color: #aaa; font-size: 14px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #00173c;    border-color: #00173c;}
.pages_cont ul a.page-num-current { color: #fff;}

/* 上下篇 */
.page-links { display: flex; justify-content: space-between;}
.page-links .prev-link,.page-links .next-link{ width: 50%; color: #333; }
.page-links .prev-link a,.page-links .next-link a{ color: #333; }


/*内页侧栏*/
.sidebar{ margin-top:20px; margin-bottom: 15px;}
.position{ font-weight:normal; position:relative;text-align: right;width:1200px; margin:30px auto; color:#666; }
.position a{color:#666; }
.sb_nav{ width:100%;background: #f2f2f2; }
#sidebar{ display: flex; justify-content: center;}
#sidebar li{ }
#sidebar li a.on {  color:#ce1b11; }
#sidebar li a{margin: 8px 20px;  display: block; text-align: center;   line-height: 36px;font-size:18px; font-weight:bold; }
#sidebar li:hover a{ color:#ff5e15;}
.sidebar .sb_box{  width:100%; margin:30px 0px;background:#fff; overflow:hidden; }

.sidebar .sb_box h2{ text-align: center;}
.sidebar .sb_box .metit{ text-align: center; border-bottom: 1px solid #eee; padding: 10px 0px;}
.sidebar .sb_box .content{padding: 20px 0px; width:1200px; margin:0 auto;}


#productlist{ padding:0px 200px 60px 200px;margin: 0px -10px;}
#productlist li{ background: #eff2f7; width: calc((100% - 60px) / 3);   float: left;    position: relative;   margin: 10px 10px;}
#productlist li .img{width: 100%; height:300px; display: flex; justify-content: center; align-items: center; overflow:hidden;}
#productlist li .img img{ margin:auto; width:100%; height:300px; object-fit: cover;  }
#productlist li:hover img{transform: scale(1.2, 1.2); transition: .5s transform;}
#productlist li h3{     line-height: 40px; font-size: 18px;   font-weight: bold;   color: #000;   padding: 10px 10px;  box-sizing: border-box;}
#productlist li:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2);-webkit-transition: all .4s ease; transition: all .4s ease;}

.product-view { background: #eee; padding: 20px 30px;}
.view {	max-width: 100%; position: relative;}
.view .swiper-slide {
	height: 400px;
	max-width: 100%;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/prev.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 40px;
	height: 400px;
	z-index: 10;
	
}
.view .arrow-right {
	background: url(../images/next.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 40px;
	height: 400px;
	z-index: 10;
	
}

.product-view h1.title{ font-size:18px;  text-align:center; line-height:70px; }
.product-view .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }
.product-view .b2{font-size:18px;text-align:center;height:1px;margin:0px 20px 0px 20px;display:block;border-bottom:1px solid #fff;border-top:1px solid #ccc;}

#showproduct{ line-height: 2;    margin-top: 15px;   overflow: hidden;   font-size: 14px;   background: #eee;}
#showproduct .b1{ font-size:18px;  text-align:center; height:1px; margin:40px 20px 0px 20px ; display:block; border-bottom:1px solid #fff; border-top:1px solid #ccc; }
#showproduct .b2{font-size:18px;text-align:center;height:1px;margin:0px 20px 0px 20px;display:block;border-bottom:1px solid #fff;border-top:1px solid #ccc;}
#showproduct .ctitle{ font-size:14px; margin-left:20px; margin-top:25px; border-left:3px solid #da251c; height:21px; line-height:21px; margin-bottom:10px; padding-left:5px; }
#showproduct .product_content { padding:20px 20px;}
#showproduct .product_content img{max-width: 100%; height: auto;}


#caselist{ padding:0px 200px 60px 200px;}
#caselist ul{ display: flex; flex-wrap: wrap;}
#caselist li{ width: calc(33.33% - 20px); margin:0px 10px 20px 10px;  position: relative; }
#caselist li .img{width: 100%; height: 300px;  justify-content: center; align-items: center; overflow:hidden;}
#caselist li .img img{ margin:auto; object-fit: cover; width:100%; height: 300px; display: block;  transition: .5s transform; }

#caselist li:hover img{transform: scale(1.05, 1.05); transition: .5s transform;}
#caselist li .text{ padding: 10px 20px; position: relative;transition: .5s transform;}
#caselist li h3{color: #000;margin: auto;   transition: all .3s ease-out 0s; font-size: 18px;}
#caselist li span {color: #000; font-size: 14px; padding-left: 20px; background: url(../images/case_adress.png) no-repeat left center;}  
#caselist li:hover .text{ background: #eee;}


#newslist{ padding:0px 0px 15px 0px;}
#newslist li{   overflow:hidden; }
#newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px 200px;border-bottom: 1px solid #eee; padding:30px 0px;}
#newslist li .list_img{ width: 300px;}
#newslist li .list_img img{ width: 100%; height: 180px; display: block; object-fit: cover;}
#newslist li time{ float:left; text-align: center;color: #000; padding: 60px 0px; width: 150px; border-right: 1px solid #eee;  box-sizing: border-box;} 
#newslist li time span {display: block; color: #000;   font-size: 24px;  line-height: 30px;}
#newslist li .list_text{ width: calc(100% - 490px); margin: 0px 20px; } 
#newslist li .list_text h3{ margin-bottom: 20px;}
#newslist li .list_text p{ color:#aaa;}

#newslist li:hover{ background: #eee; }
#newslist li:hover img{ transform: scale(1.05, 1.05); transition: .5s transform;}







.wend dl {   border-bottom: 1px dashed #e2e2e2;   height: 90px;   padding: 22px 0 0 0;}
.wend dt {height: 19px; padding-left: 25px; line-height: 19px; background: url(../images/wen.jpg) no-repeat left 0px; font-size: 12px; color: #c8161d; overflow: hidden;}
.wend dd { margin-top: 8px; padding-left: 25px; background: url(../da.jpg) no-repeat left 3px;   line-height: 24px;   color: #555555;  
 overflow: hidden;}
 
@media screen and (max-width: 768px) {
body { min-width: 100%;   overflow-x: hidden;}
.container {  width: 100%;	}
.Sptline{ display: block; width: 100%; height: 60px;}
.Sptline .logo-box{ display: flex; justify-content: space-between; align-items: center; padding: 0px 20px;}
.Sptline .logo{ height: 110px; float: none;height: 60px; margin: 0px;display: flex;      align-items: center;}
.Sptline .logo img{ height: 30px;}
.Sptline dl dt{ display: none;}

.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #3991c1;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#sidebar li a{font-size:14px; line-height:22px;}
.nava_right{ display:block;position: absolute; opacity:0; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;transition: all 0.5s;
transform: translateX(100%);}
.nava_right.nava-show{ transform: translateX(0%);opacity:1; }
.nava { height: auto;}
.nava .menu{ display:block; margin-left:0px; text-align:left; height: auto;    box-shadow: 0 0 rgba(0,0,0,.075)!important;}
.nava .menu li{ float: none; justify-content:left; height:auto; line-height: normal; display:block; position:relative; margin:20px 0px;}
.nava .menu li>a{ text-align:left;display:-webkit-inline-box;    justify-content: space-between;   height: 30px; line-height: 30px;   align-items: center;}
.nava .menu li .nav_ul{ position:inherit; height:0; top:0 !important; width:100%; }
.nava .menu li.active .nav_ul{ height:auto !important; display: block; margin-left: 30px; }
.nava .menu li.lists:after {   content: "+"; font-weight: bold;  color: #008282; line-height: 30px; position:absolute; right:0; top:0; }
.nava .menu li.active:after {   content: "-"; font-weight: bold;   color: #008282;  line-height: 30px; position:absolute; right:0; top:0; }
.nava .menu li .nav_ul a{display: block; line-height: 30px; margin: 10px 0px;}
.Sptline .top_tel{ display: none;}

.index-banner img{ height:auto; width:100%; object-fit:cover;}

.title h1{ font-size:26px;}
.title h2{font-size:16px;}

.main_product {  padding: 60px 0px;}
.product_t ul { flex-wrap: wrap;}
.product_t ul li {   margin: 5px 5px;  padding: 7px 10px;width: calc(33.33% - 12px);  text-align: center;}
.product_t ul li a {  font-size: 14px;}
#products {  width: calc(100% - 0px);   margin: 20px auto 0px;}
#products ul li { width: calc((100% - 20px) / 2);margin: 5px 5px;}
#products ul li h3 {line-height: 30px;   font-size: 14px; text-align:center;   font-weight: normal;     padding: 10px 10px;}
#products ul li .product_img{ height: 200px;padding: 0px 0px;}
#products ul li .product_img img{ height:200px;}

.youshi {   margin: 30px 10px 0px;}
.youshi li{ height: 250px; width: calc(50% - 5px);}
.youshi li:first-child{ width: calc(100% - 5px);}
.youshi li .content .sico-img{ height: 250px;}
.youshi li .content .tshow{ font-size: 14px; font-weight: normal;padding: 10px 10px;}

.main_about{ margin-top: 60px;}
.about_cl { width: 100%; padding: 0px 10px;}

.main_case {   margin: 60px 0px; display:none;}
.m_main_case {margin: 60px 0px;  display: block !important;}
.case_t {   margin: 0px 10px;}
.case_t ul li{ width: calc(100%) !important;}

.main_news {   margin: 60px 0px;}
.lmbox{ display: none;}
.dtspan {   margin: 60px 10px 0;   display: block;}
.dtbox {  width: calc(100% - 0px);   height: auto;}
.dtbox .con_news {  display: block;}
.dtbox .con_news .con_news_left {   width: 100%;}
.dtbox .con_news .con_news_left img {   height: 250px;}    
.dtbox .con_news .con_news_right {width: calc(100% - 0px);}
.footer{ display: block; padding: 0px 20px;}

#sidebar {   display: flex;   justify-content: start;   flex-wrap: wrap;}
#sidebar li { width: 33.333%;}
#sidebar li a {   margin: 8px 0px;}
.sidebar .sb_box{ padding: 0px 20px;}    
.position {  padding: 10px 10px;   text-align: left;}

#productlist {  padding: 0px 0px 60px 0px;}
#productlist li {   background: #eff2f7; width: calc((100% - 20px) / 2); margin:5px 5px;}
#productlist li h3{ line-height: 30px; padding: 10px 10px; font-weight:normal; font-size: 14px;}
#productlist li .img{ height: 200px; padding: 0px 0px;}
#productlist li .img img{ height: 200px; }
.view .swiper-slide { display: flex;}
.view .swiper-slide img { height: auto;   width: 100%;    object-fit: contain;}
#showproduct .product_content img{ height: auto !important;}

#caselist {   padding: 0px 0px 60px 0px;}
#caselist li {width: calc(50% - 20px);}
#caselist li .img { height: 200px;}
#caselist li .img img{ height: 200px;}
#caselist li .text{ padding: 10px 10px;}
#caselist li h3 { font-size: 14px;}

#newslist li a {margin: 0px 0px;}
#newslist li time{ width: 80px;}
#newslist li .list_text {width: calc(100% - 90px);margin: 0px 0px 0px 10px;}
#newslist li .list_img{ width: 100%;}
.sidebar .sb_box .content img{ width: 100%; height: auto;}

.page-links { display: block;}
.page-links .prev-link, .page-links .next-link{ width: 100%;}

}