/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}

body{ padding-top:100px;}
.head{ height:100px; background:#fff; position:fixed; top:0; left:0; width:100%; z-index:999}
.head .logo img{ width:220px; line-height:100px; vertical-align:middle;}
.head .logo  a{ line-height:100px; display:block;}
.head .nav li{ display:inline-block; float:left; padding:0 15px; position:relative;}
.head .nav li>a{ line-height:100px; color:#333; transition:all .3s;}
.head .nav li>a>i{ padding-left:5px; font-size:14px;}
.head .nav li:hover>a,.head .nav li.active >a{ color:#0167d5 ;}

.head .nav li .sub_menu{ position:absolute; top:80%; right:0; width:150px; padding:10px 15px; background:#fff; border:1px solid #ddd; display:none;}
.head .nav li .sub_menu a{ display:block; font-size:14px; color:#333; padding:5px 0;}
.head .nav li .sub_menu a:hover{color:#0167d5 ;}

.banner .swiper-pagination-bullet{ width:40px; height:5px; background:#fff; border-radius:0; opacity:1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0167d5}

.main_tit { padding:40px 0 30px;}

.main_tit .cn_tit{ text-align:center;    font-size: 26px; padding-top:30px;    color: #444;    margin-bottom: 8px; position:relative;    background-position: center;
    background-repeat: no-repeat; background-size:auto 100%; font-weight:bold;}
.main_tit .cn_tit span{ position:absolute; top:0; display:block; width:100%; text-align:center; text-transform:uppercase;
   background-image:-webkit-linear-gradient(bottom,#f9fbfe,#e7edf9);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
font-size:80px;}
.main_tit  .subtitle{ position:relative;    display: block; text-align:center;
    width: 478px;
    color: #0167d5;
    font-size: 16px;
    margin: 0 auto;
    padding-bottom: 10px;
    margin: 0 auto; text-transform:uppercase;}
.main_tit  .subtitle::after{    content: '';    background-color: #0167d5 ;    width: 9px;    height: 9px;    display: block;    border-left: 7px #F7F7F7 solid;    border-right: 7px #F7F7F7 solid;    position: relative;    top: 15px;    left: 228px; display:none;}

.index_tab{ text-align:center; margin-bottom:40px;}
.index_tab a{ display:inline-block; font-size:14px; border-radius:100px;
    padding:0 28px; line-height:40px; height:40px;
    margin-right: 4px;
    border: 1px #efefef solid;
    color: #333;
    background-color: #fff;
    transition: 0.3s;
    transform-origin: top;}
	.index_tab a:hover{ background:#305dc3; border:1px #305dc3 solid; color:#fff;}
	
	.en_aboutit{ font-size:40px; color:#0167d5; line-height:1; margin-bottom:15px;}
	.main_01{ background:#f7f7f7; padding-bottom:40px;}
.index_product li{ width:31.33%; float:left; margin-right:3%; margin-bottom:3%;    border-radius: 10px;
    overflow: hidden;}
.index_product li:nth-child(3n){ margin-right:0;}
.index_product li .imgs{ height:210px; overflow:hidden; position:relative;}
.index_product li .imgs span{ border-radius:5px; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%); padding:0 40px; background:#0167d5 ; color:#fff; line-height:40px; height:40px; bottom:-40px;}
.index_product li .imgs img{ width:100%; height:100%; object-fit:cover;}
.index_product li .txts{ padding:20px 15px; background:#fff;}
.index_product li .txts h2{ font-size:16px; color:#333; display:block; text-align:center; font-weight:normal; padding-bottom:10px;}
.index_product li .txts p{ font-size:14px; color:#666;}
a.more{    box-shadow: 0 2px 12px #e2e2e2;
    border: #ddd 0px solid; padding-right:37px; text-align:center;
    width: 150px;
    height: 37px;
    display: block;
    margin: 20px auto 0;
    line-height: 37px;
    font-size: 14px;
    color: #aba8a8;
    text-indent: 9px;
    border-radius: 0px;
    transition: all ease-out .3s;
    background-color: #fff; position:relative;}
a.more i{ position:absolute; right:0; top:0; line-height:37px; width:43px; display:block; color:#fff; z-index:2; text-align:center;}
a.more:after{transition: all 0.4s ease-out 0s; z-index:1;
    content: ' '; position:absolute; right:0; top:0; height:100%;
    width: 37px;
    display: block;
    background-color: #383838;}
a.more:hover:after{ background:#0167d5}
a.more:hover{ box-shadow:0 0 15px rgba(0,0,0,.12);}

.main_02{ padding-bottom:40px; position:relative;}

.main_02 .aboutindex_le{ padding-bottom:160px; width:50%; padding-right:30px; }
.main_02 .aboutindex_le b{ font-size:20px; font-weight:normal; display:block; padding-bottom:15px;}
.main_02 .aboutindex_le a.more{ margin-left:0;}
.main_02 .aboutindex_le p{ font-size:14px; color:#666; line-height:2;}
.main_02 .aboutindex_ri{ width:50%; position:relative; z-index:2; height: 5.1rem;}
.main_02 .heise{ position:absolute; bottom:0; left:0; width:100%; background:#333; padding:30px 0; z-index:1;background-image:url(../image/heisebac.jpg); background-size:cover; background-position:center;}
.main_02 .heise li b{ font-size:38px; color:#fff; font-weight:normal;}
.main_02 .heise li span{ font-size:14px; color:#fff; font-weight:normal; display:block; margin-bottom:5px;}
.main_02 .heise li p{ font-size:15px; color:#fff; font-weight:normal;}
.main_02 .heise li{ display:inline-block; width:33.33%; float:left;}
.hese_le{ width:50%;}

.jscg_le{ width:50%; padding:60px 30px;}
.jscg_le img{ max-width:100%; margin:0 auto;}
.jishucg_box{ background-image:url(../image/gainbg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
.jishucg_box li{font-size: 15px;
    color: #fff;
    line-height: 35px;
    background: url(../image/checked.png) no-repeat left 10px;
    padding-left: 32px;}

.list-paddingleft-2{ margin-bottom:30px;}

.main_04{ padding-bottom:40px; background:#f7f7f7;}
.main_04 li{ width:23%; float:left; margin:1%;}
.main_04 li img{ width:100%;}


.main_05{ background:#333; padding-bottom:40px; background-image:url(../image/main5bac.jpg); background-size:cover; background-position:center;}
.huobanlunbo img{ width:100%;}
.huobanlunbo .swiper-container{ padding-bottom:40px;}
.huobanlunbo .swiper-container .swiper-pagination-bullet{ background:#fff; opacity:1;}
.huobanlunbo .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#0167d5}
.main_05 .cn_tit{ color:#fff;}
.main_05  .main_tit .subtitle::after{border-left: 7px #333 solid; border-right: 7px #333 solid; display:none;}

.main_06{ padding:80px 0; background:#f7f7f7;}
.main6_le{ width:40%; height:340px;}
.main6_le .swiper-slide{ height:340px;}
.main6_le .swiper-slide .txts{ position:absolute; padding:20px ; bottom:0; left:0; width:100%; padding-right:100px; background:rgba(0,0,0,.5);}
.main6_le .swiper-slide .txts a{ color:#fff;}
.main6_le img{ width:100%; height:100%; onject-fit:cover}
.main6_ri{ width:60%; height:340px; padding-left:20px;}
.main6_le .swiper-container-horizontal>.swiper-pagination-bullets{ text-align:right; padding-right:20px; bottom:20px;    width: 100px;
    right: 0;
    left: auto;}
.main6_le .swiper-pagination-bullet{ background:#fff; opacity:1; border-radius:10px; transition:all .3s;    }
.main6_le .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:30px;}
.main6_ri .main6ri_tab{ position:relative;}
.main6_ri .main6ri_tab span{font-size:18px; padding:0 20px; line-height:50px; display:inline-block; cursor:pointer; background:#ededed; color:#4e4e4e;}
.main6_ri .main6ri_tab span.on{ background:#0167d5; color:#fff;}
.main6_ri .main6ri_tab a{right:8px; color:#fff; position:absolute; top:0; line-height:48px; padding:0 20px; border:1px solid #0167d5; color:#0167d5;}
.main6_ri .main6ri_tab a:hover{ color:#0167d5;}
.main6_ri  li em{ float:right; display:inline-block; font-size:14px; font-style:normal; color:#999; line-height:45px;}
.main6_ri li a{ font-size:16px; line-height:45px; color:#333;}
.main6_ri li a:hover{ color:#0167d5}
.main6ri_pat ul{ display:none; }
.main6ri_pat{padding:10px 0;}


.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}

video{ object-fit:fill;}

.vjs-poster{ background-size:cover;}

.foot_nav_met_83_2_3 h2, .foot_nav_met_83_2_3 h1, .foot_nav_met_83_2_3 p, .foot_nav_met_83_2_3 ul, .foot_nav_met_83_2_3 li, .foot_nav_met_83_2_3 dl, .foot_nav_met_83_2_3 dd { margin: 0px; padding: 0px; }
.foot_nav_met_83_2_3 ul li { list-style: none; }
.foot_nav_met_83_2_3 .text-center { text-align: center; }
.foot_nav_met_83_2_3 .foot-nav-list li { float: left; }
.foot_nav_met_83_2_3 .foot-nav-list { position: relative; left: 50%; top: 50%; transform: translateX(-50%); display: flex; padding:40px 0; }
.foot_nav_met_83_2_3 .nav-item { flex-grow: 1; }
.foot_nav_met_83_2_3 .cnavlist { }
.foot_nav_met_83_2_3 .navlist { display: inline-block; }
.foot_nav_met_83_2_3 .foot-msg { text-align: center; }
.foot_nav_met_83_2_3 .transition { transition: all 0.2s ease 0s; }
.foot_nav_met_83_2_3 .middle { position: absolute; top: 50%; transform: translateY(-50%); }
.foot_nav_met_83_2_3 .full-img img { display: block; width: 100%; }
.foot_nav_met_83_2_3 .float-left { float: left; }
.foot_nav_met_83_2_3 .float-right { float: right; }
.foot_nav_met_83_2_3 { position: relative; width: 100%;background:#0059b7; background-size: cover; background-position: center center; height: auto !important; }
.foot_nav_met_83_2_3 .container { position: relative !important; top: 0px !important; transform: translateY(0px) !important; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-f .right { display: inline-block; width: 150px; padding: 20px; color: #fff; }
.foot_nav_met_83_2_3 .foot-nav-list .contact-wrap { border-left: 1px solid #5993d0; border-right: 1px solid  #5993d0; padding:0 40px; min-height: 260px; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-t { border-left: 1px solid #5993d0; padding:0 40px; min-height: 260px; width: 33.33%; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-f { border-right: 1px solid #5993d0; padding:0 40px; min-height: 260px; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-item .title, .nav-t .title { color: rgb(255, 255, 255); margin: 0px 0px 10px; font-size: 16px; font-weight: bold; }
.foot_nav_met_83_2_3 .nav-t { padding: 0px; }
.foot_nav_met_83_2_3 .ctitle { padding-right: 15px; padding-bottom: 10px; color: #fff; margin-bottom: 15px; display: block; }
.foot_nav_met_83_2_3 .ctitle:hover { color: #0167d5; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-hide { margin-bottom: 15px; width: 25%; }
.foot_nav_met_83_2_3 .foot-nav-list .title::before { content: ""; position: absolute; left: 40px; top: 75px; height: 2px; width: 20px; background: #0167d5; }
.foot_nav_met_83_2_3 .contact-wrap { display: block; margin: 0px auto; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-item dl dd { padding: 5px 0px; opacity: 0.7; white-space: nowrap; overflow: hidden; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-item a:hover span { color: #0167d5 !important; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-item dl dd:last-child { padding-bottom: 0px; }
.foot_nav_met_83_2_3 .foot-nav-list .nav-item a { cursor: pointer; display: inline-block; color:#fff; }
.foot_nav_met_83_2_3 .code-img { padding-top: 5px; width: 100px; height: 100px; float: left; }
.foot_nav_met_83_2_3 .tel-msg { margin-bottom: 0px; line-height: 1.2; color: #fff; font-weight: bold !important; font-size: 22px !important; }
.foot_nav_met_83_2_3 .time-text { color: #fff; font-size: 14px; line-height: 26px; }
.foot_nav_met_83_2_3 .share { position: relative; display: inline-block; font-size: 20px; }
.foot_nav_met_83_2_3 .share .icon {border: 2px solid #fff; color: rgb(255, 255, 255); font-size: 22px; margin-right: 10px; border-radius: 50%; padding: 15px; margin-bottom: 10px; }
.foot_nav_met_83_2_3 .share .icon:hover { background: #0167d5; color: rgb(255, 255, 255) !important; }
.foot_nav_met_83_2_3 .foot-nav-list .title { padding-bottom: 20px; }
.foot_nav_met_83_2_3 .share .icon:first-child:hover + .wechat-code, .foot_nav_met_83_2_3 .wechat-code:hover { display: block; }
.foot_nav_met_83_2_3 .wechat-code { display: none; position: absolute; left: -24px; bottom: 110%; padding: 6px; width: 100px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; }
.foot_nav_met_83_2_3 .foot-msg { padding: 15px 0px; background-color:#0059b7; border-top: 2px solid #5993d0;}
.foot_nav_met_83_2_3 .foot-msg, .foot_nav_met_83_2_3 .foot-msg a, .breadcrumb-item + .breadcrumb-item::before { color:#fff; }
.foot_nav_met_83_2_3_bottom { display: none; }
.foot_nav_met_83_2_3_bottom.iskeshi { display: block; }
.foot-msg{ font-size:14px;}
.xuanfu{ position:fixed; left:0; top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); z-index:1000;}
	.xuanfu img{ max-width:150px;}
	.shoujixuan{ position:fixed; bottom:0; left:0; width:100%; background:#0059b7;z-index:1000;}
	.shoujixuan li{ width:50%; float:left;}
	.shoujixuan li a{ display:block; width:100%; padding:10px 0;}
	.shoujixuan li img{ margin:0 auto; display:block; height:30px;}
@media screen and (min-width: 1025px) {
  .foot_nav_met_83_2_3.on, .swiper-sub > .swiper-wrapper > .swiper-slide.foot_nav_met_83_2_3.on { padding-left: 288px !important; }
}
@media (max-width: 1024px) {
  .foot_nav_met_83_2_3 .foot-nav-list .nav-f .right { width: 130px; }
}
@media screen and (min-width: 992px) {
  .foot_nav_met_83_2_3 .foot-nav-list li { display: inline-block; }
  .foot_nav_met_83_2_3 .foot-left, .foot_nav_met_83_2_3 .foot-right { text-align: center; }
  .nav-fixed, .close-btn2 { display: none; }
  .foot_nav_met_83_2_3 .link-title { float: left; }
  .foot_nav_met_83_2_3 .breadcrumb { float: left; }
}
@media screen and (max-width: 991px) {
  .foot_nav_met_83_2_3 .foot-nav-list li { display: inline-block; }
  .foot_nav_met_83_2_3 .nav-hide { display: none; }
  .foot_nav_met_83_2_3 .nav-item { text-align: center; }
  .foot_nav_met_83_2_3 .code-img { margin: 0px auto; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-t { padding: 40px 0px 0px 40px; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-f { text-align: left; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-f .right { padding: 20px 0px; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-item .title { text-align: left; }
  .foot_nav_met_83_2_3 .time-wrap { text-align: left; }
  .foot_nav_met_83_2_3 .ctitle { padding-bottom: 0px; }
  .foot_nav_met_83_2_3 .share .icon { font-size: 16px; margin: 10px 0px; padding: 10px; }
  .foot_nav_met_83_2_3 .foot-msg { text-align: center; }
  .foot_nav_met_83_2_3 .breadcrumb { display: inline-block; }
  .close-btn2 { position: absolute; top: 10%; right: 0%; padding: 5px 10px; background-color: rgb(255, 255, 255); border-top-left-radius: 2px; border-bottom-left-radius: 2px; color: rgb(0, 0, 0); text-align: center; }
  .close-btn2 span { display: inline-block; margin-left: 5px; font-size: 14px; }
  .nav-fixed { display: none; position: fixed; top: 0px; right: 0px; z-index: 9999; padding-left: 25%; box-sizing: border-box; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
  .close-btn { position: absolute; top: 50%; transform: translateY(-50%); right: 75%; padding: 15px 10px; background-color: rgb(255, 255, 255); border-top-left-radius: 2px; border-bottom-left-radius: 2px; color: rgb(0, 0, 0); }
  .nav-fixed .list-group { margin-bottom: 0px; transform: translateX(75%); transition: all 0.2s ease 0s; }
  .nav-fixed.active .list-group { transform: translateX(0px); }
  .nav-fixed .list-group-item { border-radius: 0px; }
  .list-one { width: 100%; height: 100%; background-color: rgb(255, 255, 255); overflow: scroll; }
  .list-one .list-group-item { margin-bottom: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid; }
  .list-one .list-group-item.one-list { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
  .list-two .list-group-item { padding-left: 30px; background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); }
  .foot_nav_met_83_2_3 .link-img.link-logo li:first-child { width: 100%; }
  .foot_nav_met_83_2_3 .link-title { display: inline-block; width: 100%; }
  .foot_nav_met_83_2_3 .breadcrumb { margin-top: 5px; max-width: 90%; overflow-y: hidden; }
  .foot_nav_met_83_2_3 .share { text-align: left; display: inherit; }
  .foot_nav_met_83_2_3 .cnavlist { text-align: left; }
}
@media screen and (max-width: 767px) {
  .foot_nav_met_83_2_3_bottom { display: block; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-item .title { margin-bottom: 5px; }
  .foot_nav_met_83_2_3_bottom.iskeshi { display: block; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-t, .foot_nav_met_83_2_3 .foot-nav-list .contact-wrap, .foot_nav_met_83_2_3 .foot-nav-list .nav-f { border: none; padding: 20px 0; min-height: inherit; }
  .foot_nav_met_83_2_3 .foot-nav-list .title::before { background: transparent; }
  .foot_nav_met_83_2_3 .foot-nav-list .title { padding-bottom: 0px; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-f .right { padding: 20px 5px; }
  .foot_nav_met_83_2_3 .share { width: 100%; text-align: left; }
  .foot_nav_met_83_2_3 .foot-nav-list { display: inherit; }
  .foot_nav_met_83_2_3 .cnavlist { text-align: left; }
  .foot_nav_met_83_2_3 .foot-nav-list .nav-t { width: 100%; }
}
.foot_nav_met_83_2_3_bottom { overflow: hidden; position: fixed; bottom: 0px; left: 0px; z-index: 999; width: 100%; }
.foot_nav_met_83_2_3_bottom a.item { padding: 5px 0px; display: inline-block; }
.foot_nav_met_83_2_3_bottom a.item i { font-size: 16px; display: block; }
.foot_nav_met_83_2_3_bottom a.item span { }
.foot_nav_met_83_2_3_bottom.iskeshi { display: block; }
.foot_nav_met_83_2_3_bottom .main { display: flex; }
.foot_nav_met_83_2_3_bottom .main > div { flex: 1 1 0%; }






.ny_ban{ height:430px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.ny_chan{ text-align:center;border-bottom:1px solid #eeeeee;}
.ny_chan li{ display:inline-block; }
.ny_chan li a{ font-size:14px; line-height:64px; color:#333; display:inline-block; padding:0 23px;border-bottom:2px solid #fff; }
.ny_chan li a:hover{color:#0167d5; border-bottom:2px solid #0167d5;}
.ny_chan li span{ padding:0 15px; font-size:14px;}

.ny_chan li:last-child span{ display:none;}
.ny_chan li.on a{ color:#0167d5; border-bottom:2px solid #0167d5;}
.news_lists{ padding:40px 0;}
.news_lists ul li{ width:25%; float:left; padding:5px; margin-bottom:5px;}
.news_lists ul li .imgs{ height:260px;}
.news_lists ul li .imgs img{ width:100%; height:100%; object-fit:cover;}
.news_lists ul li span{ color:#999999; display:block; margin-bottom:5px; font-size:14px; margin-top:10px;}
.news_lists ul li h2 a{ color:#212121; font-size:16px; font-weight:bold; transition:all .3s;}
.news_lists ul li p{ font-size:14px; color:#666; margin-top:5px;}
.news_lists ul li h2 a:hover{ color:#0167d5}

.pages{ padding-bottom:40px; text-align:center;}
.pages li{ display:inline-block;}
.pages li a,.pages li span{ display:block; padding:5px 15px; border:1px solid #eee; color:#333; font-size:14px; transition:all .3s; }
.pages li.active a,.pages li a:hover,.pages li span.current{ background:#0167d5; color:#fff; border:1px solid #0167d5}



.news_article{ padding:40px 0;}
.news_article h1{ font-size:24px; font-weight:normal; text-align:center; display:block;}
.news_article .lines{ border-bottom:1px solid #eee; margin:20px auto;}
.fabu{ text-align:center;}
.fabu span{ font-size:14px; color:#999; display:inline-block; padding:0 15px;}
.news_content p{ font-size:16px; text-indent:2em; margin:15px 0;}
.news_content { border-bottom:1px solid #eee; padding-bottom:20px;}
.prevs_nexts{ padding:40px 0;}
.prevs_nexts a{ display:inline-block; max-width:48%; color:#333; border:1px solid #eee; padding:5px 15px; font-size:16px; transition:all .3s;}
.prevs_nexts a.ri{ text-align:right;}
.prevs_nexts a:hover{ color:#0167d5}



.contact-box{ padding:60px 0;}
.contacttit{    font-size: 40px;    line-height: 1;    font-weight: 700;    color: rgb(33, 33, 33);    margin-bottom: 40px; display:block;}
.contact-box li{ padding:30px 10px 10px; text-align:center; width:50%; float:left; text-align:center; border:1px solid #eee;}
.contact-box li  img{ margin:0 auto; display:block; margin-bottom:15px;}
.contact-box li  span{ display:block; margin-bottom:10px;}
.contact-box li p{ display:block; line-height:24px; min-height:48px; font-size:14px;}
.map_box{ margin-top:40px;}
.map_box iframe{ width:100% !important; height:400px !important; border:none !important;}


.liuyan_le{ width:66.66%; box-shadow:0 9px 30px -6px rgba(0,0,0,0.2), 0 18px 20px -10px rgba(0,0,0,0.04), 0 18px 20px -10px rgba(0,0,0,0.04), 0 10px 20px -10px rgba(0,0,0,0.04); border:1px solid #dadada; border-radius:10px; padding:20px; background:#fff;}
.liuyanri { width:33.33%; padding-left:30px; }
.liuyanribox{ padding:30px;box-shadow:0 9px 30px -6px rgba(0,0,0,0.2), 0 18px 20px -10px rgba(0,0,0,0.04), 0 18px 20px -10px rgba(0,0,0,0.04), 0 10px 20px -10px rgba(0,0,0,0.04);border:1px solid #dadada; border-radius:10px;padding:30px;background:#fff;}
.liuyanribox input{ height:40px; padding:0 10px; border:1px solid #e4eaec; color:#76838f; display:block; width:100%; border-radius:5px; }
.liuyanribox textarea{ height:120px; border-radius:5px; width:100%;border:1px solid #dadada; padding:10px;background:#fff;}
.liuyanribox button{ background:#333; color:#fff; border-radius:5px; width:100%; height:40px; cursor:pointer; transition:all .3s;}
.liuyanribox .xing{ margin-bottom:15px; position:relative;}
.liuyanribox .xing:before{ content:"*"; position:absolute; left:-15px; color:#f60; line-height:40px;}
.liuyanribox .xing2:before{ display:none;}
.liuyanribox button:hover{ background:#0167d5; color:#fff;}

.liuyanribox .yzm input{ width: 50%; float: left;}
.liuyanribox .yzm img{ cursor:pointer;}

.listtop,.listbot{ padding-left:45px;}
.listtop{ background:url(../image/rentou.png) no-repeat left top;}
.listtop h4{ font-weight:normal;  line-height:24px;font-size:14px; color:#666;}
.listtop h4 span{ font-size:12px; line-height:24px; color:#666;}
.listtop p{ font-size:14px; color:#333; display:block; margin:5px 0;}
.listbot .box_liuyan{background-color: #e4eaec;
    border: 1px solid #dadada;
    color: #333; font-size:14px; padding:15px; border-radius:5px; margin-top:5px;}
.listbot{ border-bottom:1px solid #eee; padding-bottom:25px; margin-bottom:25px;}


.ny_chan2{ padding:40px 0;}
.ny_chan2 .jjfa .le{ display:inline-block; border-left:5px solid #0167d5; font-size:26px; font-weight:normal; line-height:30px; color:#333; padding-left:15px;}
.ny_chan2 .jjfa .fanganlist a{ font-size:16px; color:#333; line-height:30px; margin-left:20px; display:inline-block; border-bottom:1px solid #fff;}
.ny_chan2 .jjfa .fanganlist{ text-align:right; display:inline-block;}
.ny_chan2 .jjfa .fanganlist a:hover{ color:#0167d5}
.ny_chan2 .jjfa .fanganlist a.on{ color:#0167d5; border-bottom:1px solid #0167d5;}

.case_lists{ padding-bottom:40px;}
.case_lists li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; background:#fff; box-shadow:0 3px 8px rgba(0, 0, 0, 0.1); transition:all .3s;}
.case_lists li:nth-child(3n){ margin-right:0;}
.case_lists li .imgs{ height:260px;}
.case_lists li .imgs img{ width:100%; height:100%; object-fit:cover;}
.case_lists li .txts{ padding:20px 15px;}
.case_lists li .txts h2 a{ color:#333; font-size:22px; font-weight:normal; line-height:1;}
.case_lists li .txts p{ font-size:14px; color:#666; margin-top:10px;}

.case_lists li:hover{ box-shadow:0 3px 8px rgba(0, 0, 0, 0.2);}

.pro_le{ width:220px;}

.pro_box{ padding:40px 0 0;}
.pro_le .chanpin_tit{ color:#fff; background:#0167d5;  text-align:center; font-size:24px; padding:10px 0;}
.pro_le ul{ border:1px solid #eee;}
.pro_le li{ display:block;}
.pro_le li a{ display:block; padding:15px; border-bottom:1px solid #eee; color:#333; text-align:center; color:#666;}
.pro_le li a:hover,.pro_le li.on a{ color:#0167d5}

.pro_ri{ width:calc(100% - 260px);}
.pro_ri  .pro_rilist{ padding-bottom:40px;}
.pro_ri  .pro_rilist li{ width:48%; margin:1%; float:left; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); padding:15px;}
.pro_ri  .pro_rilist li .imgs{ position:relative; height:320px; border-bottom:2px solid #eee;}
.pro_ri  .pro_rilist li .imgs img{ max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.pro_ri  .pro_rilist li .txts{ text-align:center; padding-top:15px;}
.pro_ri  .pro_rilist li .txts h2{ font-size:18px; font-weight:normal; color:#333; transition:all .3s;}
.pro_ri  .pro_rilist li:hover .txts h2{ color:#0167d5}

.viewpro_le{ width:470px; padding-right:50px;}
.viewpro_le img{ max-width:100%; margin:0 auto; display:block;}
.viewpro_ri{ width:calc(100% - 470px);}
.viewpro_ri h1{ font-size:27px; color:#333; font-weight:normal;}
.viewpro_ri .line{ height:4px; width:50px; background:#0167d5; margin:20px 0;}
.intros{ font-size:16px; color:#333;}
.pro_contact{ padding:40px 0; text-align:right;}
.pro_contact a{ display:inline-block; text-align:center; margin-bottom:5px; margin-left:5px; color:#fff; background:#ff6600; line-height:45px; font-size:16px; border-radius:5px; padding:0 20px;}
.pro_contact a img{ display:inline; max-height:23px; line-height:45px; vertical-align:middle; margin-right:10px;}
.pro_contact a.proa_02{ background:#20a749;}
.pro_contact a.proa_03{background:#024192;}

.dangqianweizhi{ padding-top:40px;}
.dangqianweizhi,.dangqianweizhi a{ font-size:14px; color:#333; transition:all .3s;}
.dangqianweizhi a:hover{ color:#0167d5}

.chanpinxq{ margin:40px 0; border-bottom:1px solid #ff6600;}
.chanpinxq span{ display:inline-block; padding:0 40px; font-size:18px; line-height:45px; background:#ff6600; color:#fff;}
.pro_box2{ padding-bottom:40px;}
.banner .swiper-slide img{ width:100%;}
.aboutindex_ri img{ max-width:100%;}

@media screen and (max-width:1280px){
	.w1200{ padding-left:20px; padding-right:20px;}
	}
@media screen and (max-width:1080px){
	body{ padding-top:0;}
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .main_tit .cn_tit{ font-size:22px;}
	 .main_tit .subtitle{ width:320px;}
	 .main_tit .subtitle::after{ left:148px;}
	 
	}
@media screen and (max-width:768px){
	.main_tit{ padding:20px 0;}
	.index_tab a{ width:auto; padding:0 10px; font-size:12px;}
	.index_product li{ width:100%; margin:0 auto; margin-bottom:15px !important;}
  .index_product li:nth-child(5),.index_product li:nth-child(6){display:none;}
	.index_product li .imgs{ height:9rem;}
	.main_02 .aboutindex_le{ width:100%; float:none; padding:0;}
	.main_02 .aboutindex_ri{ width:100%; float:none; margin-top:15px;}
	.main_02 .aboutindex_le b{ font-size:16px;}
	.main_02 .heise{ position:static; padding:15px 0; margin-top:15px;}
	.hese_le{ width:100%;}
	.main_02 .heise li{ text-align:center;}
	.main_02 .heise li b{ font-size:20px;}
	.main_02 .heise li span,.main_02 .heise li p{ font-size:12px;}
	.main_02{ padding-bottom:20px;}.main_tit .cn_tit{ font-size:18px;}
	.main_tit .subtitle{ font-size:12px;}
	.jscg_le{ width:100%; float:none; padding:20px;}.jishucg_box li{ font-size:14px;}
	.jishucg_box{ background-position:right center;}
	.main_04 li{ width:48%;}.main_05{ padding-bottom:20px;}
	.main6_le{ width:100%; float:none; margin-bottom:15px; height:auto;}
	.main_06{ padding:30px 0;}.main6_le .swiper-slide .txts a{ font-size:14px;}
	.main6_ri{ width:100%; float:none; padding:0; height:auto;}
	.main6_ri .main6ri_tab span{ padding:0 10px; font-size:14px;}
	.main6_ri .main6ri_tab a{ font-size:12px; line-height:44px; padding:0 10px;}
	.main6_le .swiper-slide{ height:13rem;}.main6_le .swiper-slide .txts{ padding:10px;}
	.main6_le .swiper-container-horizontal>.swiper-pagination-bullets{ padding-right:5px; bottom:10px;}
	.main6_ri li a{ font-size:14px; line-height:28px;}.main6_ri li em{ line-height:28px; font-size:12px;}
	.index_tab{ margin-bottom:15px;}
	.index_tab a{ margin-bottom:10px;}
	.banner .swiper-pagination-bullet{ width:20px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5px;} 
	
	.ny_ban{ height:8rem;}
	.ny_chan li a{ padding:0 5px;}
	.ny_chan li span{ padding:0 3px;}
	.news_article,.news_lists{ padding:30px 0;}
	.news_article h1{ font-size:18px;}
	.fabu span{ font-size:12px;}
	.news_content p{ font-size:14px;}
	.prevs_nexts a{ float:none !important; display:block; border:none; padding:5px 0; width:100%; max-width:100%; text-align:left !important; font-size:14px;}
	.prevs_nexts{ padding:20px 0;}
	
	.news_lists ul li .imgs{ height:10rem;}
	.news_lists ul li{ width:100%;}
	.pages li a,.pages li span{ padding:3px 10px; font-size:12px;}.news_lists ul li p,.news_lists ul li span{ font-size:12px;}
	.news_lists ul li h2 a{ font-size:14px;}
	
	.contacttit{ font-size:20px;}
	.contact-box{ padding:30px 0;}.map_box{ margin-top:20px;}
	.map_box iframe{ height:200px !important;}
	.contact-box li span{ margin-bottom:4px;}.contact-box li img{ margin-bottom:6px;}
	
	.liuyan_le{ display:none;}
	.liuyanri { width:100%; padding:0; margin:0;}
	
	.ny_chan2{ padding:20px 0;}
	.ny_chan2 .jjfa .le{ font-size:16px; float:none;}
	.ny_chan2 .jjfa .fanganlist{ float:none; margin-top:20px; text-align:right; display:block;}
	.ny_chan2 .jjfa .fanganlist a{ font-size:14px;}
	.case_lists li{ width:100%; margin:0 !important; margin-bottom:20px !important;}
	.case_lists li .txts h2 a{ font-size:16px;}.case_lists li .txts p{ font-size:12px;}
	.case_lists li .imgs{ height:10rem;}.case_lists{ padding-bottom:20px;}
	
	.pro_le{ width:100%; float:none; margin-bottom:20px;}
	.pro_ri{ width:100%; float:none;}
	.pro_le ul{ display:none;}
	.pro_le .chanpin_tit{ font-size:16px; text-align:left; padding:10px 20px;}
	.pro_le li a{ text-align:left; font-size:14px; padding:8px 20px;}
	.pro_ri .pro_rilist li{ width:48%; float: left; margin:0 1%;text-align: center; margin-bottom: 3%; }
	.pro_ri .pro_rilist li .imgs{ height:7rem;}
	.pro_ri .pro_rilist li .txts h2{ font-size:14px;}
	.pro_ri .pro_rilist{ padding-bottom:20px;}
	
	.pro_le .chanpin_tit{ background-image:url(../image/xia.png); background-position:95% center; background-repeat:no-repeat; background-size:auto 15px;}
	.pro_box{ padding-top:20px;}
	.main_02 .aboutindex_ri{ height: 10rem;}
	.viewpro_le{ width:100%; float:none; margin-bottom:15px; padding:0;}
	.viewpro_ri{ float:none; width:100%; padding:0;}
	.dangqianweizhi{ padding-top:20px;}.viewpro_ri h1{ font-size:16px;}.viewpro_ri .line{ height:2px; margin:6px 0;}
	.intros{ font-size:12px;}.pro_contact a{ font-size:14px; padding:0 10px; line-height:35px;}.pro_contact a img{ margin-right:5px; height:20px;}
	.pro_contact{ text-align:left;}.pro_contact{ padding:15px 0;}.chanpinxq{ margin:20px 0;}.chanpinxq span{ line-height:30px; font-size:14px;}
	.en_aboutit{ font-size:20px;}
	.main_tit .cn_tit{ background-size:50% auto;}
	}