/*------------// Overall //------------------*/
body { font: 14px 'Microsoft yahei', 'STHeiTi', Arial, Simsun, Helvetica, sans-serif, Verdana; color: #333; margin: 0; padding: 0; background:#f2f2f2; overflow-x: hidden; }
body{    -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important;}
table, td { font: 14px 'Microsoft yahei', 'STHeiTi', Arial, Simsun, Helvetica, sans-serif, Verdana; color: #333; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th, td { border-collapse: collapse; }
A:link { text-decoration: none; color: #000;}
A:visited { text-decoration: none; color: #000; }
A:hover { text-decoration: none; color: #035a9d; }
img { border: 0; }
div, p, img, ul, li, form, input, label, aside, menu, section, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 1000;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
font-family:Arial;
}
input,textarea,select{outline: none;}
ol, ul, li { list-style-type: none; }
.hide { display: none; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font24 { font-size: 24px; }
.fl_l { float: left;}
.fl_r { float: right; }
.dsn { display: none; }
.flyh{ overflow-y: hidden;}
.clr_b { clear: both; height: 0; line-height: 0; overflow: hidden; }
.tl_r { text-align: right; }
.red_font, .red_font a, .red_font a:visited { color: #F00; }
.gray_fnt, .gray_fnt a, .gray_fnt a:visited { color: #999; }
.grfnt, .grfnt a, .grfnt a:visited { color: #00a40f; font-weight: bold;}
/* for IE */
:focus, map { -moz-outline-style: none; } /* for Firefox */
input:focus, a, map{ outline: none; border: none;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
img.alg_r { margin-left: 15px; margin-bottom: 15px; }
img.alg_l { margin-right: 15px; margin-bottom: 15px; }
.clr-b { clear: both; line-height: 0; height: 0; overflow: hidden; }
.org_fnt { font-weight: normal; color: #eb5306; }
.img-responsive{width: 100%;max-width: 100%; height: auto;}
.ldimg{ height: 0; width: 0; z-index: -100; position:absolute; top: -100%;left: 0; overflow: hidden;}
.txgc{ text-align: center;}
.txgr{ text-align: right;}
/*video::-webkit-media-controls-fullscreen-button{ display: none !important; }*/
/*--- 分页 ---*/
.digg{text-align: center; margin-bottom: 5%; }
ul.pagination{display: inline-block; padding: 0; margin: 0;}
ul.pagination li{display: inline;}
ul.pagination li a{color: black; float: left; padding: 8px 16px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd;}
ul.pagination li a.active{background-color: #0860a7; color: white; border: 1px solid #0860a7;}
ul.pagination li a:hover:not(.active){background-color: #ddd;}

/*page width*/
.wrp{ width: 100%; margin: 0 auto; min-width: 320px; max-width: 1920px;}
.cmn_wd{ max-width: 1920px; margin: 0 auto;}
.pgs { padding: 1.5% 0;}
.wcnt{ width: 80%; margin: 0 auto;}
/*head*/
.hdr{position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
.hdr .shdw{ background: url(../images/hdr_shdw.png) repeat-x; height: 9px; display: none;}
.hdr .shdw.blk{ display: block;}
.hdr .hdr_bg{  background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.3), rgba(0,0,0,.0)); }
.hdr .hdr_bg.wht{ background-image: none; background: #FFF;  padding-bottom: 10px;  }
.hdr .logo{ float: left; padding: 1% 0 0 1.3%;}
.hdr .logo  img{ height: 46px;}
.hdr .hdr_r{ float: right; padding: 1.5% 1.2% 0 2%;}
.hdr .hdr_r .srch{ float: right; padding: 0 15px; cursor: pointer;}
/*nav*/
.hdr .hdr_r .nvi { float: left;}
.hdr .hdr_r .nvi ul{ white-space: nowrap; padding-top: 5px; }
.hdr .hdr_r .nvi ul li{ display: inline-block; margin: 0 30px; }
.hdr .hdr_r .nvi ul li a{ display: block; font-size: 18px;}
.hdr .hdr_r .nvi ul li a,.hdr .hdr_r .nvi ul li a:visited{ color: #FFF;}
.hdr .hdr_r .srch .iconfont{ font-size: 30px; color: #FFF; text-shadow: 2px 2px 3px rgba(0,0,0,.5);}
.hdr .hdr_r .nvi ul li a{ text-shadow: 2px 2px 3px rgba(0,0,0,.5);}
.hdr .hdr_bg.wht .hdr_r .nvi ul li a,.hdr .hdr_bg.wht .hdr_r .nvi ul li a:visited{ color: #333; text-shadow: none;}
.hdr .hdr_bg.wht .hdr_r .srch .iconfont{color: #333; text-shadow: none;}
 .hdr .hdr_r .micn_h{display: none;}
 .hdr .hdr_bg.wht .hdr_r .micn_h{ color: #333; text-shadow: none; }
/*search*/
.msk{ background: rgba(0,0,0,.9); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: none;}
.srchs{ position: fixed; z-index: 1001; height: 60px; top: 15%; left: 15%; right: 15%; background: #FFF; border: 4px solid #d1d1d1;  display: none;}
.srchs .srchs-cnt form{ display: flex; flex-wrap: nowrap; align-items: stretch;}
.srchs  .ipt{ flex: auto; max-width: 90%; height: 60px; font-size: 18px; background: none; border: 0; color: #333; padding: 0 2%;}
.srchs .btn{ width: 100px; height: 60px; border: 0; position: absolute; right: 0; top: 0; display: block; text-align: center; line-height: 60px;}
.srchs .btn .iconfont{ color: #333; font-size: 50px;}
.srchs  .exts{ border-radius: 100px; background: #a6a6a6; text-align: center;  font-size: 18px; color: #999; cursor: pointer; width: 182px; height: 52px; line-height: 52px; margin: 0 auto; color: #FFF; margin-top:3%;}
.srchs  .exts .iconfont{ font-size: 24px; vertical-align: middle; margin-left: 10px;}
.srchs  .exts:hover{background: #999;}
/*menu*/
.meun{ position: relative;}
.meun li.back{ border-bottom:3px solid #7bc458; height:10px;overflow:hidden;z-index:8;position:absolute; }
/*banner*/
/*banner*/
.swiper-container {width: 100%; height: 100%; z-index: 101;}
.swiper-wrapper{ position: relative;  width: 100%; }
.swiper-container2 .swiper-wrapper{ padding-bottom: 1%;}
.swiper-slide img.pc_dsp { display: block; }
.swiper-slide img.mb_dsp { display: none; }
.swiper-pagination1 { position: absolute; left: 0; text-align: center; bottom:0;  width: 100%; z-index: 100; padding: 0.6% 0; }
.swiper-pagination1 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px;  border-radius: 10px;  background: #999;  box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px;  cursor: pointer;}
.swiper-pagination1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination1 .swiper-pagination-custom, .swiper-pagination1 .swiper-pagination-fraction{bottom: 0;}
.swiper-pagination1 .swiper-pagination-bullet{ width: 20px; height: 20px; border-radius:100px; background: #FFF;  opacity:0.6; margin: 0 5px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width: 20px; height: 20px; border-radius:100px; background: #FFF;  opacity:1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px;}
.swiper-pagination2 { position: absolute; left: 0; text-align: center; width: 100%; z-index: 100; padding: 0.6% 0; }
.swiper-pagination2 .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px;  border-radius: 10px;  background: #dbdbdb;  box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px;  cursor: pointer;}
.swiper-pagination2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination2 .swiper-pagination-custom, .swiper-pagination2 .swiper-pagination-fraction{bottom: 0;}
.swiper-pagination2 .swiper-pagination-bullet{ width: 20px; height: 20px; border-radius:100px; background: #dbdbdb;  opacity:0.6; margin: 0 5px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width: 20px; height: 20px; border-radius:100px; background: #9a9a9a;  opacity:1;}
.prlst{position: relative;}
.prlst .item .pdg{ padding: 8%;}
.prlst .item .cvr{overflow: hidden; height: 316px;}
.prlst .item .cvr img{ width: 100%; max-width:100%; height: 100%; object-fit: cover; display: block; }
.prlst .item .pdg h2.prtit{font-size: 18px; font-weight: bold; margin-bottom: 5%;}
.prlst .item .pdg p.fnt{ color: #7e7e7e;  height: 48px; line-height: 24px; overflow: hidden; margin-bottom: 8%;}
.prlst .item .pdg .mr{ display: inline-block; width: 110px;  height: 38px; line-height: 38px; text-align: center; border-radius: 100px; border: 1px solid #ddd; margin-bottom: 4%; }
.prlst .item .pdg .mr,.prlst .item .pdg .mr:visited{ color: #666;}
.prlst .item .pdg .mr .iconfont,.prlst .item .pdg .mr:visited .iconfont{color: #5f5f5f;}
.prlst .item a{ display: block; background: #FFF; border: 1px solid #e8e8e8; border-left: 0; border-right: 0;}
.prlst .item a:hover{ box-shadow: 3px 0px 5px 3px rgba(0,0,0,.2);}
.prlst .item a{transition: all 0.3s;}
.prlst .item a:hover .mr{ background: #004e8d; box-shadow: 0px 4px 6px 0px rgb(8,96,67,.2); color: #FFF;}
.prlst .item a .mr .iconfont{ margin-left: 5px; transition: all 0.3s; }
.prlst .item a:hover .mr .iconfont{color: #FFF; margin-left:8px ;}
.prlst .prev_01{ background: url(../images/proarw.png) no-repeat; width:82px; height: 82px; z-index: 200;  background-position: 0 0;  margin-top: -41px; left: -86px; }
.prlst .next_01{ background: url(../images/proarw.png) no-repeat; width:82px; height: 82px; z-index: 200;  background-position: -82px -82px; margin-top: -41px;  right: -86px;}
.prlst .prev_01:hover{ background: url(../images/proarw.png) no-repeat; background-position: -82px 0; }
.prlst .next_01:hover{background: url(../images/proarw.png) no-repeat;  background-position: 0 -82px; }
/*footer*/
.ftr{background: #f2f2f2; padding: 2%; line-height: 180%;}
.ftr .ftr-l{ float: left;}
.ftr .ftr-r{ float: right; text-align: right;}
.ftr .ftr-l .flnk,.ftr .ftr-r .cpy{ margin-bottom: 10px;}
.ftr .ftr-r .icp,.ftr .ftr-r .icp a,.ftr .ftr-r .icp a:visited{ color: #999;}
.ftr .lne{ margin: 0 8px; color: #999;}
.ftr .fimg{ display: flex;  }
.ftr .fimg .cjlogo{  margin-right: 15px;}
/*page*/
.wpgs{ background: #FFF;}
.pgtp{ padding: 5% 0;}
.nav_sub{ border-bottom: 1px solid #e9e9e9;}
.nav_sub ul{ text-align: center; padding: 10px 0; white-space: nowrap;}
.nav_sub ul li{ display: inline;}
.nav_sub ul li a{ display:inline-block; padding: 10px 25px; font-size: 18px;}
.nav_sub ul li.crt a{ background: #0860a7; border-radius: 100px;}
.nav_sub ul li.crt a,.nav_sub ul li.crt a:visited{ color: #FFF;}
.bnr{ position: relative; min-height: 200px;}
.bnr .clstit{ position: absolute; bottom: 20%; left: 5%; z-index: 900; color: #FFF;}
.bnr .clstit h1{ font-size: 48px; letter-spacing: 5px; text-shadow: 2px 5px 12px rgba(0,0,0,.5);}
.bnr .clstit .en{ font-size: 36px; font-weight: lighter; letter-spacing: 5px; text-transform: uppercase; text-shadow: 2px 5px 12px rgba(0,0,0,.5);}
.imglst{ background: #f5f5f5; padding: 4% 0 5% 0;}
.bklst{ background: none;}
.imglst .prlst .item .pdg h2.prtit{ height: 60px; line-height: 28px; margin-bottom: 4%; }
.imglst .prlst .item .pdg .mr{ border: none;}
.imglst .prlst .item a{ border: none;}
.imglst  .prlst .item .pdg{ padding: 4%;}
.imglst .prlst .item a:hover .pdg{ background: #0860a7;}
.imglst .prlst .item a:hover .pdg h2.prtit{ color: #FFF;}
.imglst .prlst .item a:hover .mr{ background: none; box-shadow: none; color: #FFF;}
.imglst .bmtit{ margin-bottom: 2%;}
.imglst .bmtit h2{ font-size: 28px;}
.imglst .bmtit .iconfont{font-size: 32px; font-weight: normal; margin-right: 10px; color: #0860a7; }
/*blnks*/
.blnks{ background: #FFF; padding: 8% 0;}
.blnks .wcnt{ display: flex;  flex-wrap: nowrap; }
.blnks .wcnt{ display: flex; align-items: flex-start; justify-content: space-between;}
.blnks .wcnt .item img{ max-width: 100%;}
.blnks .wcnt .item-two{ display: flex;  flex: auto; padding-right: 10%; align-items: stretch;  flex-shrink: 0;  }
.blnks .wcnt .item-two .item1,.blnks .wcnt .item-two .item2{ white-space: nowrap; flex: auto; }
.blnks .wcnt .item-two .item1{ padding-left: 15%; border-right: 1px solid #e6e6e6;}
.blnks .wcnt .item-two .item2{ padding-left: 8%; border-right: 1px solid #e6e6e6;}
.blnks .wcnt .item h3{font-size: 18px; margin-bottom:15px;}
.blnks .wcnt .item-two ul li{ font-size: 16px; height: 32px; line-height: 32px;}
.blnks .wcnt  .ewm{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.blnks .wcnt  .ewm .ewms img{ max-width: 100%;}
.blnks .wcnt  .ewm .ewms{ text-align: center; width: 46%;}
.blnks .wcnt .ewm .ewms p{ white-space: nowrap; font-size: 12px;}
/*slrch*/
.slrch{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 5%;}
.slrch .slty,.slrch .nsrch{ width:356px; }
.slrch .brd{height: 40px; line-height: 40px; border: 1px solid #c8c8c8; border-radius: 100px;}
.slrch .brd .fnt{ font-size: 16px; text-indent: 20px;}
.slrch .slty{ cursor: pointer;}
.slrch .brd{ position: relative;}
.slrch .slty .yrlst{ position: absolute; left: 0; right: 0;  z-index: 100; background: #FFF; display: none; }
.slrch .slty .yrlst ul { padding: 2%; border: 1px solid #c8c8c8; overflow: scroll; overflow-x: hidden; background:#FFF; box-shadow: 0px 2px 3px rgba(0,0,0,.3); height: 180px; }
.slrch .slty .yrlst ul  li{ height: 30px; line-height: 30px; }
.slrch .slty .yrlst ul  li a{ display: block; text-indent: 15px;}
.slrch .slty .yrlst ul  li a:hover{ background: #eee;}
.slrch .slty .brd .iconfont{ position: absolute; right: 10px; top: 2px; font-size:36px;}
.slrch .nsrch .brd .btn{ position: absolute; right: 15px; top: 2px; }
.slrch .nsrch .brd .iconfont{font-size:24px;}
.slrch .nsrch .ipt{ height:40px; line-height:40px; font-size: 16px; width: 80%; border: none; text-indent: 20px; background: none;}
.pgshw{ background: #f5f5f5; padding: 5%;}
.pgshw .cnt{ background: #FFF; padding: 5% 10% 8% 10%; }
.pgshw .dltit{ text-align: center; border-bottom: 1px solid #e3e3e3; padding-bottom: 3%; margin-bottom: 3%;}
.pgshw .dltit h1{ font-size: 30px; font-weight: bold; color: #0860a7; margin-bottom: 2%; line-height: 180%;}
.pgshw .dltit .pbtm{ font-size: 16px; color: #999;}
.pgshw .dltit .pbtm span{ margin: 0 15px;}
.pgshw .pgh{ font-size: 16px; line-height: 180%; text-align: justify; /*max-width: 900px;*/ margin: 0 auto;}
.pgshw .pgh img{ display: block; margin: 1% auto; max-width: 100%; height: auto; }
.pgshw .pgh .cvr img{ margin: 0;}
.pgshw .pgh video{ max-width: 100%; margin: 0 auto; display: block;height: auto!important;object-fit: cover;}
.pgshw .bck{ padding:3% 0 0 0;}
.pgshw .bck a{ width: 200px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background: #0860a7; border-radius: 100px; text-align: center;}
.pgshw .bck a .iconfont{ margin-right: 10px; transition: all .3s;}
.pgshw .bck a:hover{background: #004e8d;}
.pgshw .bck a:hover .iconfont{ margin-right: 15px;}
.pgshw .bck a,.pgshw .bck a:visited{ color: #FFF;}
.gudshw{ padding: 2% 5%;}
.gudshw .ltcn{ padding: 1% 0; text-align: right;}
.gudshw .ltcn span{ margin: 0 10px;}
.nav_sub .slcs{display: none; padding: 15px 0; position: relative;}
.nav_sub .slcs p{ padding-left: 5%;}
.nav_sub  .slcs .iconfont{position: absolute; right: 3%; top: 15px; font-size: 24px;}
.blne{ height: 20px; background: #f5f5f5;}
/*vdlst*/
/*vdlst*/
.vdlst{ display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between; position: relative;}
.vdlst:after{ content:""; width:30%;}
.vdlst .item{ width: 30%; margin-bottom: 6%;}
.vdlst .item .pdg{ padding: 4%; border: 1px solid #d9d9d9;  border-top: 0;}
.vdlst .item .cvr{overflow: hidden; height: 316px;}
.vdlst .item .cvr img{ width: 100%; max-width:100%; height: 100%; object-fit: cover; display: block; }
.vdlst .item .pdg h2.prtit{font-size: 18px; font-weight: bold; height: 60px; line-height: 30px; overflow: hidden; margin-bottom: 4%; }
.vdlst .item .pdg .mr{ display: inline-block;  height: 38px; line-height: 38px; text-align: center; border-radius: 100px; border: 0; margin-bottom: 4%; }
.vdlst .item .pdg .mr,.vdlst .item .pdg .mr:visited{ color: #666;}
.vdlst .item .pdg .mr .iconfont,.vdlst .item .pdg .mr:visited .iconfont{color: #5f5f5f;}
.vdlst .item a{ display: block; background: #FFF;}
.vdlst .item a:hover{ box-shadow: 3px 0px 5px 3px rgba(0,0,0,.2);}
.vdlst .item a{transition: all 0.3s;}
.vdlst .item a:hover .mr{ color: #004e8d;}
.vdlst .item a .mr .iconfont{ margin-left: 5px; transition: all 0.3s; }
.vdlst .item a:hover .mr .iconfont{margin-left:8px ; color: #004e8d;}
/*about*/
.itdc .cvr video{ max-width: 100%; }
.itdc{display: flex; flex-wrap: nowrap; align-items: flex-start; }
.itdc .cvr{ width: 30%;}
.itdc .fnt{ font-size: 16px; line-height: 180%; width: 60%; padding-left: 5%; text-align: justify;}
.itdc .cvr img{ max-width: 100%;}
.str-itr{ font-size: 16px; margin-bottom: 5%; line-height: 200%;}
.phg { line-height: 180%;}
.pgshw-rdc .pgh .imgpdg{margin-bottom: 0; margin-top: 6px;}
@media screen and (min-width: 769px) {
   .pc_dsp{ display: block;}
   .mb_dsp{ display: none;}
   .pgshw .pgh img{ width: 600px; height: auto;}
}
@media screen and (max-width: 1680px) {
.blnks .wcnt .item-two{ padding-right: 5%;}
.blnks .wcnt .item-two .item1{ padding-left: 10%;}
.blnks .wcnt .item-two .item2{ padding-left: 6%;}
.prlst .item .cvr{ height: 275px;}
.vdlst .item .cvr{ height: 275px;}
}
@media screen and (max-width: 1600px) {
.srchs  .exts{ font-size: 16px;  width: 160px; height: 48px; line-height: 48px;}
.prlst .item .cvr{ height: 260px;}
.vdlst .item .cvr{ height: 260px;}
}
@media screen and (max-width: 1440px) {
 .hdr .hdr_r .nvi ul li{margin: 0 26px;}
.swiper-pagination1 .swiper-pagination-bullet{ width: 15px; height: 15px;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width: 15px; height: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.swiper-pagination2 .swiper-pagination-bullet{ width: 15px; height: 15px;}
.swiper-pagination2 .swiper-pagination-bullet-active{ width: 15px; height: 15px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.wcnt{ width: 85%;}
.prlst .item .cvr{ height: 257px;}
.imglst .bmtit h2{ font-size:24px;}
.imglst .bmtit .iconfont{font-size: 28px;}
.vdlst .item .cvr{ height: 257px;}
.vdlst .item{ width: 31%; margin-bottom: 6%;}
.vdlst:after{ content:""; width:31%;}
}

@media screen and (max-width: 1366px) {
.prlst .prev_01{ background: url(../images/proarw2.png) no-repeat; width:62px; height: 62px; z-index: 200;   margin-top: -41px; left: -64px; }
.prlst .next_01{ background: url(../images/proarw3.png) no-repeat; width:62px; height: 62px; z-index: 200;   margin-top: -41px;  right: -64px;}
.prlst .prev_01:hover{ background: url(../images/proarw2-2.png) no-repeat; }
.prlst .next_01:hover{background: url(../images/proarw3-2.png) no-repeat;  }
.blnks .wcnt .item-two{ padding-right: 3%;}
.blnks .wcnt .item-two .item1{ padding-left: 4%;}
.blnks .wcnt .item-two .item2{ padding-left: 5%;}
.blnks .wcnt  .ewms img{ width: 120px;}
.blnks .wcnt  .blogo{ max-width: 100%; height: 42px;}
.slrch .slty,.slrch .nsrch{ width:324px; }
.slrch .brd{height: 40px; line-height: 40px; }
.slrch .nsrch .ipt{ height: 40px; line-height: 40px; }
.pgshw .dltit h1{ font-size: 28px;}
.pgshw .dltit .pbtm{ font-size: 14px; }
.pgshw .pgh{ font-size: 16px;}
.prlst .item .cvr{ height: 244px;}
.vdlst .item .cvr{ height: 244px;}
.nav_sub ul li a{  font-size: 16px;}
}

@media screen and (max-width:1280px) {
.blnks .wcnt .item h3{font-size: 16px; margin-bottom:12px;}
.blnks .wcnt .item-two ul li{ font-size: 14px; height: 32px; line-height: 32px;}
.blnks .wcnt .ewm .ewms img{ width: 100px;}
.pgshw .cnt{ padding: 6%;}
.pgshw .bck a{ width: 180px; height: 46px; line-height: 46px; }
.prlst .item .cvr{ height: 228px;}
.imglst .bmtit h2{ font-size:22px;}
.imglst .bmtit .iconfont{font-size: 26px;}
.vdlst .item .cvr{ height: 228px;}
.bnr{min-height: auto;}
}
@media screen and (max-width: 1100px) {
	.hdr .hdr_r .nvi ul li{ margin: 0 22px;}
	.hdr .hdr_r .nvi ul li a{ font-size: 16px;}
	.prlst .item .cvr{ height: 195px;}
	.imglst .bmtit h2{ font-size:18px;}
	.imglst .bmtit .iconfont{font-size: 24px;}
	 .vdlst .item  .cvr{ height: 195px;}
}
@media screen and (max-width: 1024px) {
 .hdr .hdr_r .micn_h{ display: block;  float:left;  color: #FFF;  text-shadow:2px 2px 6px rgba(0,0,0,.5); cursor: pointer; }
 .hdr .hdr_r .micn_h .iconfont{ font-size: 36px; }
  .hdr .hdr_r .nvi{width: 0; position: fixed; z-index: 1001; right: 0; top: 0; bottom: 0; display: block;   background: #0860a7; background-image: linear-gradient(to bottom,#0860a7, #0860a7); transition: all 0.3s linear;} 
  .hdr .hdr_r  .nvi ul{ padding-top: 5%; width: 200px;}
     .hdr .hdr_r  .nvi ul li{ display: block; font-size: 16px;}
     .hdr .hdr_r  .nvi ul li a,.nvi ul li a:visited{ color: #FFF;}
     .hdr .hdr_r  .nvi ul li a{ letter-spacing: 1px;}
     .hdr .hdr_r  .nvi ul li{ height: 32px; line-height: 32px; padding: 12px 0; }
     .hdr .hdr_r  .nvi ul li.current a{ border-bottom: none; font-weight: bold; background: rgba(255,255,255,.06); height: 32px; line-height: 32px;}
  .hdr .hdr_r .nvi.nviwdt{ width: 200px; }
 .openmenu .overlay { top: 0; }
 .overlay { position: fixed; z-index: 100; background-color: rgba(0,0,0,0.5); bottom: 0; right: 0; left: 0; }
.meun li.back{display: none;}
.hdr .hdr_r .nvi ul li a{text-shadow:none;}
.hdr .hdr_bg.wht .hdr_r .nvi ul li a, .hdr .hdr_bg.wht .hdr_r .nvi ul li a:visited{ color: #FFF;}
.hdr .hdr_r .nvi ul li{ margin: 0;}
.hdr .hdr_r .nvi ul li a{ padding:0 0 0 20px;}
.ftr .ftr-l,.ftr .ftr-r{ float: none; text-align: center;}
.ftr .ftr-l .fimg{ text-align: center;}
.ftr .fimg{ display:inline-flex; margin-bottom: 2%;  }
.ftr .ftr-l .flnk, .ftr .ftr-r .cpy{ margin-bottom: 0;}
.ftr .ftr-l .flnk{ margin-bottom: 10px;}
.imglst .prlst .item .pdg h2.prtit{font-size: 16px;}
.blnks .wcnt .item-one{ display: none;}
.hdr .logo  img{ height: 46px;}
.slrch .slty,.slrch .nsrch{ width:310px; }
.slrch .brd{height: 40px; line-height: 40px; }
.slrch .nsrch .ipt{ height: 40px; line-height: 40px; }
.slrch .brd .fnt{ font-size: 16px;}
.prlst .item .cvr{ height: 180px;}
.vdlst .item .cvr{ height: 180px;}
.vdlst  .item .pdg h2.prtit{font-size: 16px;}
.itdc .fnt{ font-size: 16px; }

}
@media screen and (max-width:860px) {
.prlst .prev_01,.prlst .next_01{display: none;}
.products .wcnt{ width: 90%;}
.blnks .wcnt{ display: block;}
.blnks .wcnt .item-two .item1{ padding-left: 0;}
.blnks .wcnt .item-two{ padding-right: 0; margin-bottom: 10%;}
.blnks .wcnt .item-three .ewm{ justify-content: inherit;}
.blnks .wcnt .ewm .ewms{ width: auto;}
.blnks .wcnt .ewm .ewms:first-child{ margin-right: 5%;}
.blnks .wcnt .item-two .item2{ border-right: 0;}
.prlst .item .cvr{ height: 150px;}
.vdlst .item .cvr{ height: 150px;}
}

@media screen and (max-width: 768px) {
   .pc_dsp{ display: none;}
   .mb_dsp{ display: block;}
   .swiper-slide img.pc_dsp { display: none; }
   .swiper-slide img.mb_dsp { display: block; }
   .srchs{left: 5%; right: 5%;}
   .srchs .ipt{ font-size: 16px;}
   .srchs{ height: 50px;}
   .srchs .ipt{ height: 50px; line-height: 50px;}
   .srchs .btn{    height: 50px;  line-height: 50px;}
   .srchs .exts{ margin-top: 5%;}
   .hdr .logo  img{ height: 40px;}
   .bnr .clstit h1{ font-size: 40px;}
   .bnr .clstit .en{ font-size: 28px;}
   .slrch .slty,.slrch .nsrch{ width:48%; }
   .imglst{ padding: 5% 0 8% 0;}
   .swiper-pagination2{ bottom: -40px;}
   .prlst .item .cvr{ height:206px;}
   .imglst .bmtit{ margin-bottom: 4%;}
   .vdlst .item .cvr{ height:206px;}
   	.vdlst .item{ width: 48%; }
	.vdlst:after{  width:48%;}
	.nav_sub ul li a{  font-size: 14px;}
	.pgshw .pgh img{ width: auto; max-width: 100%; height: auto;}
	.hdr .logo{ padding: 1.2% 0 0 2%;}
}
@media screen and (max-width:600px) {
      .ftr{ padding: 6% 0 4% 0;}
	  .pgshw .dltit h1{font-size: 20px;}
	  .nav_sub ul{display: none;  background: #f5f5f5; }
	  .nav_sub ul li,.nav_sub ul li a{ display: block;}
	  .nav_sub ul li a{ margin: 0 3%; padding: 2% 0;}
	  .nav_sub .slcs{ display: block;}
	 .prlst .item .cvr{ height:160px;}
	 .vdlst .item  .cvr{ height:160px;}
	 .itdc{ display: block;}
	 .itdc .cvr{ width: 100%; margin-bottom: 3%;}
	 .itdc .fnt{ width: 100%; padding-left: 0;}
	 .itdc{ display: block;}
	 .itdc .cvr{ width: 100%; margin-bottom: 3%;}
	 .itdc .fnt{ width: 100%; padding-left: 0;}
}
@media screen and (max-width:580px) {
  .blnks .wcnt .item-two{ display: block;}
  .blnks .wcnt .item-two .item1{ border-bottom: 1px solid #e6e6e6; border-right: 0; padding-bottom: 5%; margin-bottom: 5%;}
  .blnks .wcnt .item-two .item2{ padding-left: 0; border-bottom: 1px solid #e6e6e6; border-right: 0; padding-bottom: 5%; margin-bottom: 5%;}
  .blnks .wcnt .ewm .ewms{ width: 30%;}
  .blnks .wcnt .ewm .ewms img{ width: 100%; height: auto;}
  .pgshw .dltit h1{font-size: 18px;}
  .pgshw .pgh{font-size: 14px;}
  .prlst .item .cvr{ height:154px;}
  .vdlst .item .cvr{ height:154px;}
  .hdr .logo  img{ height: 35px;}
}
@media screen and (max-width:500px) {
  ul.pagination-red li.first, ul.pagination-red li.last, ul.pagination-red li.num{ display: none;}
   .nav_sub ul li a{padding:6px 15px;}
   .bnr .clstit h1{ font-size: 36px;}
   .bnr .clstit .en{ font-size: 24px;}
   .slrch{ display: block;}
   .slrch .slty,.slrch .nsrch{ width:100%; }
   .slrch .slty{ margin-bottom: 3%;}
   .slrch .nsrch{ margin-bottom: 10%;}
   .swiper-pagination2{ bottom: -30px;}
   .imglst{ padding: 8% 0 10% 0;}
   .pgshw .bck a{ width: 160px; height: 42px; line-height: 42px;}
  .prlst .item .cvr{ height:277px;}
  .vdlst .item{ width: 100%; }
  .vdlst:after{  display: none;}
  .vdlst .item .cvr{ height:277px;}
  .blnks .wcnt .item-two ul li{ height: auto;}
  .blnks .wcnt .item-two .item1, .blnks .wcnt .item-two .item2{ white-space:normal;}
}
 @media screen and (max-width: 450px) {
 ul.pagination li a{ padding: 4px 10px;}
 .prlst .item .cvr{ height:250px;}
}
 @media screen and (max-width: 420px) {
   .blnks .wcnt .ewm .ewms{ width: 40%;}
   .bnr .clstit h1{ font-size: 32px;}
   .bnr .clstit .en{ font-size: 20px;}
   .prlst .item .cvr{ height:232px;}
    .vdlst .item .cvr{ height:232px;}
}

@media screen and (max-width:375px) {
ul.pagination-red li.prev, ul.pagination-red li.next{ display: none;}
 .prlst .item .cvr{ height:208px;}
 .vdlst .item .cvr{ height:208px;}
 .hdr .logo  img{ height: 30px;}
 .hdr .hdr_r .srch{padding: 0 10px;}
 .hdr .hdr_r .micn_h .iconfont{ font-size: 30px;}
}