.inside-banner { position:relative; overflow:hidden}
.inside-banner img { display:block; width:100%}
.inside-banner .ban-info { position:absolute; left:0; top:50%; z-index:10; width:100%; text-align:center; color:#fff}
.inside-banner .ban-info h2 { margin-bottom:10px; font-size:50px; line-height:66px;color: #fff;}
.inside-banner .ban-info p { font-size:20px; line-height:30px;color: #cecece;}
.inside-banner .case-ban-info { position:absolute; left:0; top:28.5%; z-index:10; width:100%; text-align:center; color:#fff}
.inside-banner .case-ban-info h2 { font-size:54px; line-height:64px}
.inside-banner .case-ban-info .case-desc { margin-bottom:25px; font-size:24px; line-height:42px}
.inside-banner .feature .item { display:inline-block; vertical-align:top; *display:inline; *zoom:1; padding:0 57px}
.inside-banner .feature .center { position:relative}
.inside-banner .feature .center span { position:absolute; top:10px; bottom:16px; width:1px; background:url(../images/bk2p.png) repeat-y 0 0}
.inside-banner .feature .center .before { left:0}
.inside-banner .feature .center .after { right:0}
.inside-banner .feature h3 { font-size:18px; line-height:38px; text-align:left}
.inside-banner .feature h4 { font-size:90px; line-height:104px}
.sanji{margin-top: -28px;text-align:center;margin-bottom: -28px;}
.sanji ul{font-size: 0;}
.sanji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}
.sanji ul li a{font-size:16px;color:#4f4f52;display:inline-block;padding-bottom:14px;position:relative;width:  200px;height: 55px;line-height: 53px;border:  #dcdcdc 1px solid;text-align: center;background: #fff;z-index: 888;}
.sanji ul li a:hover{ color:#3db8f7;}
.sanji ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #3db8f7;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.sanji ul li.on a:before,.sanji ul li:hover a:before{ left:0; width:100%}
.n_about .fl01 {
  padding: 102px 0 50px;
}
.about-set2{ width: 100%; padding: 90px 0; }
.about-set2 .img{ width: 48%; }
.about-set2 .img img{width: 100%;height: auto;display: block;}
.about-set2 .txt{ width: 48%; padding-top: 28px; }
.about-set2 .txt h5{ font-size: 25px; color: #666;font-weight: normal;line-height: 30px;display: block;}
.about-set2 .txt h6 {
    font-size: 2em;
    color: #333;
    line-height: 1em;
    padding: 0px 0 0.85em;
    font-weight: normal;
    display: block;
}
.about-set2 .txt p{ font-size: 16px; line-height: 30px; color: #666;text-indent: 0;}


.about-set4 {

    width: 100%;
    position: relative;
    padding: 3em 0;
    background: #f1f1f1;overflow: hidden

}
.review_tit{font-size: 2em;margin: 0 auto;text-align: center;line-height: 3em;}
.about-set4 >img{ width: 100%; height: auto; }
.about-set4-cont{ width: 640px; background: #fdfdfd; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 50px 0 60px; text-align: center}
.about-set4-cont .txt{ text-align: center}
.about-set4-cont .txt p {

    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 40px;
    line-height: 48px;
    padding-left: 20px;
    font-weight: lighter;

}

.about-set4-cont .txt strong {

    font-size: 130px;
    font-weight: normal;
    color: #d3281b;
    letter-spacing: -5px;
    display: inline-block;
    vertical-align: middle;

}
.about-set4-cont .txt span {

    display: block;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;

}

.about-set4-cont h5 {

    text-align: center;
    font-size: 24px;
    padding-top: 20px;
    margin-bottom: 40px;
    line-height: 35px;
    font-weight: lighter;
    color: #333;

}


.about-set4-cont a{ display: inline-block; font-size: 16px; color: #c7292f; border-bottom: 1px solid #c7292f; position: relative;margin-right: 28px;}
.about-set4-cont a:after{content: '';display: block;width: 20px;height: 20px;background: url(../images/about_videobtn.png) no-repeat;position: absolute;right: -28px;top: 3px}
.about_sj_item {float: left;text-align: center;display: block;padding: 50px 80px 50px 0px;}
.about_sj_item strong {font-size: 40px;font-weight: normal;color: #d3281b;}
.about_sj_item strong i{font-style: normal;font-size: 15px;font-weight: normal;color: #999;display: inline-block;vertical-align: middle;padding: 0 0px 0 4px;}
.review_item {
  padding: 0.6em;
}
.review_item:after{content: '';display: block;clear: both;}
.review_item > p{
  float:left;width:80%;font-size: 16px;line-height: 20px;color: #666
}
.review_item > span{float:left;width: 12%;text-align: right;line-height: 20px;font-size: 16px;padding-right: 4%;color: #333;position: relative;margin-right: 4%;}
.review_item > span:after{content: '';display:block;width: 9px;height: 9px;border-radius: 50%;background: #d3281b; position:absolute;right:-4px;top:50%;margin-top:-4px;z-index: 333;}
.review_item > span:before{content: '';display: block;width: 1px;background: #ccc;position: absolute;right: 0;height: 500%;display: block;top: -150%;}
.about-set5 {
  width: 100%;
  padding: 90px 0;
}
.about-set5 p {font-size: 16px;
  line-height: 30px;
  color: #666;
  text-indent: 0;}

.news_pro_page {
  display: flex;
  flex-wrap: wrap;
}
  .new_pro_item {
    width: 31.333333%;
    margin: 1%;
    font-size:1.2em;
    text-align:center;line-height:3em;
  }
  .new_pro_item img{width: 100%;height: auto;display: block;}
  .n_zizhi{ padding:90px 0}
.n_zizhi ul{font-size: 0;margin:0 -29px;margin-bottom: 40px;}
.n_zizhi ul li{background: #fff;box-sizing:  border-box;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display:  inline-block;padding: 0 29px;text-align:  center;margin-bottom: 10px;width: 25%;vertical-align: top;}
.n_zizhi ul li .pic_box{width: 100%;height: 340px;display:table;overflow:hidden; position:relative}
.n_zizhi ul li .pic_box:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/kuang.png) center no-repeat;}
.n_zizhi ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_zizhi ul li img{max-width: 256px;max-height: 338px;display:block;}
.n_zizhi ul li h5{font-size: 16px;color: #5a5c60;line-height: 80px;text-align:center;margin: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_zizhi ul li:hover h5{ color:#0058af}
.pagination { padding: 30px 0; text-align: center; overflow: hidden; }

.pagination a { vertical-align: middle; font-size: 12px; line-height: 30px; display: inline-block; height: 30px; padding: 0 12px; text-align: center; color: #333; border: 1px solid #e5e5e5; background: #e5e5e5; margin-left: 5px; border-radius: 50px; }

.pagination a.a1{ line-height:30px; height:30px; margin-top:0; padding:0 12px; }

.pagination a:hover{ text-decoration:none; color:#000; background:#e5e5e5; border: 1px solid #0058af; color: #0058af}

.pagination span { vertical-align: middle; line-height: 30px; display: inline-block; height: 30px; text-align: center; color: #fff; margin-left: 5px; background: #0058af; border-radius: 50px; width: 30px; }
.list_case_ul{padding:90px 0;display: block;}
.list_case_ul li {
  float: left;
  width: 23.4999999999%;
  margin-right: 2%;
  margin-bottom: 30px;
  position: relative;
}

.list_case_ul li:nth-child(4n) { margin-right: 0px; }

.list_case_ul li .main_pic {background:#fff; height: auto; position: relative; overflow: hidden; width: 100%;margin-bottom: 2px }

.list_case_ul li .main_pic:after{ content: ''; display: block; width: 100%; height: 100%; background: #0058af url(../images/a22.png) no-repeat center; position: absolute; z-index: 3; opacity: 0.8; left: 0; top: -100%; transition: 0.3s all ease; }
.list_case_ul li:hover .main_pic:after{ top: 0; }
.list_case_ul li .main_pic img { transition: 0.5s; display: block;
  width: 100%;
  height: 196px;
}
.list_con {
width: 60%;
}

.list_con {
  padding-left: 25px;
  width: 70%;
  padding-bottom: 10px;
}

.list_con h4 { transition: 0.5s; font-size: 17px; color: #333; /* padding-top: 25px; */
  padding-top: 20px; text-align: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
line-height: 20px;
font-weight: normal;
}

.list_con p { font-size: 14px; color: #999; padding-top: 10px; }
.list_case_cen i { transition: 0.5s; display: block; margin-right: 25px; margin-top: 16px; width: 24px; height: 26px; background: url(../images/jiahao.png) no-repeat center; transform: rotate(0deg) scale(0.8); }

.list_case_ul li:hover i { background: url(../images/jiahao_on.png) no-repeat center; transform: rotate(180deg) scale(0.8); }

.list_case_ul li:hover h4 { color: #0058af; }

.list_case_cen { background: #C9CACC; border-top: 0px; }
.list_case_cen:after{content: '';display: block;clear: both;}

.list_case_ul li:hover .main_pic img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.list_case_ul li a{display: block;border: 1px solid #f5f5f5;}
.list_case { padding: 70px 0; }

#n_lianxi,#n_news{/* position:relative; *//* z-index:9; */padding:62px 0 0;}
#n_lianxi .tt1{color: #3ca0d3;text-align:center;margin-bottom:45px;}
#n_lianxi .tt1 h3{font-size:30px;font-weight:bold;color: #393c3d;margin-bottom: 6px;}
#n_lianxi .tt1 span{ font-size:14px; font-family:arial; text-transform:uppercase;}
#n_lianxi .tt2{ text-align:center;}
#n_lianxi .con{ text-align:center; margin-top:40px; font-size:14px; color:#676768; line-height:30px;}

.lianxi_box{overflow:hidden;padding:70px;margin-top:80px;background: #fff;border-top: #393c3d 7px solid;position: relative;z-index: 1000;}
.lianxi_box .left{ width:527px; height:397px; border-right:1px solid #e4e7e9;}
.lianxi_box .tt{margin-bottom:90px;text-align: center;}
.lianxi_box .tt h3{font-size:36px;color: #3ca0d3;font-weight:bold;text-transform:uppercase;display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box ul{ border-top:1px solid #e4e7e9; padding-top:65px;}
.lianxi_box ul li{font-size:14px;color: #727273;display:inline-block;padding-left: 40px;margin-bottom:30px;}
.lianxi_box ul li+li{ margin-left:35px;}
.lianxi_box ul li b{ display:block; font-weight:normal; font-size:16px; color:#171717; margin-bottom:3px;}
.lianxi_box ul li a{ font-size:14px;color: #727273; font-weight:bold}
.lianxi_box .ewm{ width:210px; float:left; margin-left:30px; text-align:center; font-size:16px; color:#303030;}
.lianxi_box .ewm img{ width:210px; height:210px; margin-bottom:20px; border:1px solid #e5e5e5; padding:20px;}
.video-list {
	font-size: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.video-list li {
	display: block;
	width: calc(33.333% - 30px);
	padding: 0 15px;
	margin-bottom: 60px
}

.video-list li .img {
	overflow: hidden;
	position: relative;
	background: #000;
}

.video-list li .img>img {
	width: 100%;
	height: auto;
	opacity: 0.4;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.video-list li .img .top01 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.video-list li .img .top01 img {
	transition: 0.6s
}

.video-list li h5 {
	border-bottom: #e7e7e7 1px solid;
	font-size: 16px;
	color: #000000;
	width: 100%;
	position: relative;
	padding: 25px 0 20px;
}

.video-list li h5 span {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 52px;
	line-height: 26px;
}

.video-list li h5:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 70px;
	height: 2px;
	background: #a5a5a6;
	transition: 0.6s;
}
.table_cell {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.video-list li a:hover .img>img {
	transform: scale(1.06);
	opacity: 1
}

.video-list li a:hover h5:after {
	width: 100%;
	height: 3px;
	background: #0058af;
}

.video-list li a:hover .img .top01 img {
	transform: rotate(180deg)
}
.table_cell img {
  display: block;
  margin: 0 auto;
}

.service_presales {
  background: #0071c1;
  padding: 55px 0px
}

.service_presales .in_t {
  color: #fff
}

.service_presales .in_t i {
  background: #fff
}

.service_aftersales {
  padding: 55px 0px
}

.list_service {
  width: 1020px;
  margin: 75px auto 0px
}

.list_service ul {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden
}

.list_service ul li {
  display: block;
  float: left;
  width: 340px;
  text-align: center;
  color: #fff
}

.list_service ul li b {
  display: block;
  font-size: 20px;
  padding: 30px 0px
}

.list_service ul li p {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 25px;
  font-size: 14px;
  padding: 0px 30px
}

.list_service a.more {
  display: block;
  width: 140px;
  height: 44px;
  line-height: 42px;
  text-align: center;
  border: 1px solid #fff;
  color: #fff;
  margin: 70px auto 0;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.list_service a.more:hover {
  background: #fff;
  color: #0071c1
}

.service_aftersales .list_service ul li {
  color: #1f1c1c
}

.service_aftersales .list_service ul li p {
  color: #555;
  font-size: 14px;
}

.service_aftersales .list_service a.more {
  border-color: #0071c1;
  color: #0071c1
}

.service_aftersales .list_service a.more:hover {
  background: #0071c1;
  color: #fff
}
.service_aftersales .in_t {
  color: #333;
}
.service_aftersales .in_t i {
  background-color: #333;
}
.list_customers,.n-news {
  padding: 62px 0;
  background-color: #f1f1f1;
}
.n-news {
  background-color: #fff;
} 
.list_customers ul {
  margin: 0;
  padding: 0
}

.list_customers ul li {
  display: block;
  background: #f1f1f1
}

.list_customers ul li a {
  display: block;
  height: 350px
}

.list_customers ul li a span {
  display: block
}

.list_customers ul li a span.thumb {
  float: left;
  width: 640px;
  height: 350px;
  overflow: hidden
}

.list_customers ul li a span.thumb img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.list_customers ul li a span.txt {
  float: right;
  width: 640px;
  height: 350px;
  padding: 70px 40px 0px
}

.list_customers ul li a span.txt b {
  font-size: 20px;
  color: #555
}

.list_customers ul li a span.txt i {
  display: block;
  width: 40px;
  height: 3px;
  background: #0071c1;
  margin: 15px 0px 25px
}

.list_customers ul li a span.txt p {
  margin: 0;
  padding: 0;
  display: block;
  height: 75px;
  line-height: 25px;
  overflow: hidden;
  font-size: 14px;
  color: #555
}

.list_customers ul li a span.txt em {
  display: block;
  margin-top: 45px;
  font-size: 12px;
  color: #7a7a7a;
  font-style: normal
}

.list_customers ul li a:hover span.thumb img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.list_customers ul li a:hover span.txt b,
.list_customers ul li a:hover span.txt p,
.list_customers ul li a:hover span.txt em {
  color: #0071c1
}

.list_customers ul li.sec span.thumb {
  float: right
}

.list_customers ul li.sec span.txt {
  float: left
}

/*新闻资讯*/
.newslist{ border-bottom:1px solid #e0e0e0; padding-bottom:32px; background:url("../images/nline.png") 35% center no-repeat; transition:all 0.8s; padding:2% 3%; overflow:hidden;}
.newslist:hover{ background:url("../images/nlinec.png") 35% center no-repeat #fff; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1)}
.newslist a{ display:block;}
.newslist .npic{ width:20%; }
.newslist .npic img{ width:100%}

.newslist .date{ width:10%; text-align:center; margin-left:2%}
.newslist .date em{ display:block;color:#585858; font-size:1.125rem;  padding:14px 0;}
.newslist .date span{ display:block;  color:#585858; padding:2px 0; font-size:3rem; font-weight:lighter}

.newslist .ncd{ width:56%; margin-right:6%}
.newslist .ncd p{ font-size:1.75rem; color:#585858; margin-bottom:12px;}
.newslist .ncd span{ font-size:1rem; color:#707070; line-height:1.5em;}
@media screen and (min-width: 1680px){
.newslist .ncd p{ font-size:1.875rem;}
.newslist .ncd span{ font-size:1.125rem; }
}
@media screen and (max-width: 768px){
.newslist{ background:url("../images/nonr.jpg")35% center repeat-y;}
.newslist:hover{ background:url("../images/nocr.jpg") 35% center repeat-y;}
.newslist .date{ width:26%;}
.newslist .npic{ display:none;}
.newslist .ncd{ width:62%; margin-right:0}
.newslist .ncd p{ font-size:1.5rem}
.newslist .ncd span{ font-size:1rem; color:#707070; line-height:1.5em; height:78px; overflow:hidden; display:block}
.newslist .date span{ display:block;  color:#585858; padding:2px 0; font-size:2.5rem; font-weight:lighter}
}

.nbg{ background:#fff; padding:5% 3%;}
.news-title{width:100%; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1em;}
.news-title { padding-bottom: 20px; text-align: center; }
.news-title h2 {
  font-size: 20px;
  padding-bottom: 15px;
}
.news-title h1 { font-size: 24px; color: #333; padding-bottom: 10px; font-weight: normal; }
.news-title p { font-size: 14px; color: #a3afb7; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; }
.news-views { margin: 40px 20px 20px;line-height: 30px; margin-top: 0; font-size: 14px; color: #666; line-height: 25px; overflow: hidden; min-height: 400px;}
.news-views iframe { width: 100% !important; }
.news-views p { padding: 0 20px; line-height: 30px; text-indent: 2em; }
.news-views p span { }
.news-views img { padding-top: 15px; padding-bottom: 15px; max-width: 100%; height: auto; text-indent: 0; display: block; margin: 0 auto; }
.news-views p img { height: auto !important; max-width: 100%; }
.news-title p a { color: #a3afb7; }
.share-bar { padding: 20px; }
.news-other { padding: 10px 15px; border-top: 1px #ddd solid; }

.gr-back-btn { float: right; margin-top: 6px; width: 125px; height: 40px; line-height: 40px; text-align: center; background-color: #353535; font-size: 14px; color: #fff !important; }

.gr-back-btn { margin-top: 6px; width: 125px; height: 40px; line-height: 40px; text-align: center; background-color: #0058af; font-size: 14px; color: #fff; position: relative; overflow: hidden; z-index: 2; }

.gr-back-btn:hover { background-color: #0058af; }

.news-other p { display: block; height: 50px; line-height: 50px; padding-left: 3px; font-size: 0.8em; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
 .news-other p a{ color: #343434;font-size: 1em;}
 .news-other p a:hover{ color: #0058af}
 .n-pros {
  padding: 62px 0px;
  background: #f1f1f1
}


.list_pro ul {
  margin: 0;
  padding: 0
}

.list_pro ul li {
  display: block;
  background: #f1f1f1
}

.list_pro ul li.sec {
  background: #fff
}

.list_pro ul li a {
  display: block;
  width: 1200px;
  height: 365px;
  margin: 0 auto;
  padding: 25px 40px;
}

.list_pro ul li a div {
  display: block
}

.list_pro ul li a div.thumb {
  float: left;
  width: 315px;
  height: 315px;
  overflow: hidden;
  /* margin-left: 70px; */
}

.list_pro ul li a div.thumb img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.list_pro ul li a div.txt {
  float: right;
  width: 660px;
  height: 315px
}

.list_pro ul li a div.txt b.t {
  display: block;
  font-size: 28px;
  color: #000;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  border-bottom: 1px solid #dcdcdc;
  margin: 25px 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.list_pro ul li a div.txt .des {
  margin: 0;
  padding: 0;
  display: block;
  height: 140px;
  line-height: 22px;
  overflow: hidden;
  color: #555;
  font-size: 16px;
}

.list_pro ul li a div.txt i.more {
  display: block;
  width: 114px;
  height: 38px;
  line-height: 38px;
  color: #0071c1;
  margin-top: 20px;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #0071c1;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s
}

.list_pro ul li a:hover div.thumb img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05)
}

.list_pro ul li a:hover div.txt b.t {
  color: #0071c1
}

.list_pro ul li a:hover div.txt i.more {
  background: #0071c1;
  color: #fff
}

.n-pros .h_product_bd {
  flex-wrap: wrap;
}
.n-pros .h_product_bd li {
  width: calc(25% - 30px);
}

.n-product .fl01{ background:#f1f1f1; padding:102px 0 115px;position: relative;}
.n-product .fl01 .left{ width:500px; overflow:hidden}
.n-product .fl01 .left .miso_bd{width:500px;height: auto;margin-bottom:12px;}
.n-product .fl01 .left .miso_bd li img{width:500px;height: auto;object-fit: cover;}
.n-product .fl01 .left .miso_hd{padding:0 44px;margin:0 -6px;}
.n-product .fl01 .left .miso_hd li{ padding:0 6px;}
.n-product .fl01 .left .miso_hd li img{width: 176px;height: 176px;object-fit: cover;}
.n-product .fl01 .left .miso_hd .miso-prev,.n-product .fl01 .left .miso_hd .miso-next{width:35px;height: 176px;z-index:1000;margin-top: -88px;}
.n-product .fl01 .left .miso_hd .miso-prev{background: #fff url(../images/left04.png) center no-repeat;left:0;}
.n-product .fl01 .left .miso_hd .miso-next{background: #fff url(../images/right04.png) center no-repeat;right:0;}
.n-product .fl01 .right{width:510px;overflow:hidden; margin-right: 40px;}
.n-product .fl01 .right h5 {
  margin-top: 60px;
}
.n-product .fl01 .right h3{font-size:30px;color:#262626;font-weight:bold;line-height: 46px;margin-bottom: 40px;}
.n-product .fl01 .right h4{font-size:18px;color:#65686b;font-weight:bold;padding:0 0 16px 16px;position:relative;border-bottom:#cdd1d4 1px solid;margin: 20px 0;position:relative;}
.n-product .fl01 .right h4:before{ content:""; position:absolute; left:0; top:0; width:5px; height:18px; background:#3ca0d3}
.n-product .fl01 .right p{font-size:14px;color:#65686b;line-height:30px;/* height: 80px; */}

.siji{background:#fff;border-bottom: #dcdcdc 1px solid;border-top: #dcdcdc 1px solid;}
.siji ul{font-size: 0;margin: -1px 0;position: relative;z-index: 100;}
.siji ul li{display:inline-block; width:20%; font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}
.siji ul li a{font-size: 18px;color: #262626;display:inline-block;padding-bottom:14px;position:relative;width: 100%;height: 70px;line-height: 68px;border:  #dcdcdc 1px solid;text-align: center;background: #fff; cursor:pointer}
.siji ul li a:hover{ color:#3db8f7;}

.siji ul li a:before{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #3db8f7;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.siji ul li a:after{content:"";position:absolute;top: 90px;left:50%; margin-left:-7px;width:14px;height: 0;background:url(../images/jiantou01.png) center no-repeat;transition: 0.6s;}
.siji ul li.miso-current a:before,.siji ul li:hover a:before{ left:0; width:100%}
.siji ul li.miso-current a:after,.siji ul li:hover a:after{ height:8px;}

.n-product .fl02 .miso_hd .miso-list{ overflow:visible}
.n-product .fl02 .miso_bd .con{ padding:102px 0 60px}
.n-product .fl01 .right a{background-image:linear-gradient(62deg, #3ca0d3, #00e4ff);display:inline-block;width: 100%;line-height: 55px;height: 55px;border-radius: 2px;font-size: 18px;color:#fff;transition:0.6s;text-align: center;}
.n-product .fl01 .right a img{ margin-right:15px}
.n-product .fl01 .right a:hover{ opacity:0.6}