@charset "utf-8";

/* 格式化 */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 10px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

html,body { font-size:8px; background-color: #f4f4f4;}



/* 通用 */
.box_all { overflow: hidden; width: 100%; min-width: 1464px;}

.box_cont { position: relative; top: -160px; margin: 0 auto; padding: 0 8px; width: 1384px; font-size: 2rem;}
.box_hfp, .box_ch_atc { position: relative; overflow: hidden; margin: 0 auto; padding: 8px; width: 100%; max-width: 1368px; background-color: rgba(0,0,0,.1); border-radius: 8px; transition: box-shadow .2s;}
.box_hfp:hover, .box_ch_atc:hover { box-shadow: 0px 0px 16px 0px rgba(0,0,0,.05);}
.box_ch_atc2 { margin: 0 auto; width: 100%; max-width: 1384px;}
.box_buy { overflow: hidden; margin: 8rem auto 0; width: 100%; max-width: 1384px; border-radius: 8px;}

.box_focal { display: block; width: 100%;}

.tt_type2 { margin: 6rem auto 4rem; width: 400px; height: 120px; font-size: 0;}
.tt_type2 a { display: block; width: 100%; height: 100%;}
.tt2_1 { margin-top: 0; background-image: url(../images/ch_title1.png); background-repeat: no-repeat; background-position: 0 0;}
.tt2_2 { background-image: url(../images/ch_title2.png); background-repeat: no-repeat; background-position: 0 0;}
.tt2_3 { background-image: url(../images/ch_title3b.png); background-repeat: no-repeat; background-position: 0 0;}
.tt2_4 { background-image: url(../images/ch_title4.png); background-repeat: no-repeat; background-position: 0 0;}

.bg_ch1, .bg_ch2, .bg_ch3, .bg_ch4 {}

.mar_t0 { margin-top: -20rem;}



/*导航滚动隐藏*/
.aui-header-top { position:fixed; top:0; z-index:1; transition:all 0.5s ease-out;}
.aui-header-top.moveUp { top:-29px; transition:all 0.5s ease-out;}
.aui-header-nav { position:fixed; top:0; background-color:transparent; z-index:999; transition:all 0.5s ease-in-out;}
.aui-header-nav.moveDown { position:fixed; top:-72px; transition:all 0.5s ease-in-out;}
nav.nv_hid { overflow: hidden; left: 0; right: 0; margin: auto; width: 100%; max-width: 1464px; min-width: 960px; background-image: linear-gradient(90deg, rgba(226,178,96,0) 0, rgba(226,178,96,1) 15%, rgba(226,178,96,1) 85%, rgba(226,178,96,0) 100%); font-size:2rem; font-weight: 600; line-height:1em;}
nav.nv_hid ul { display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center;}
nav.nv_hid ul li { color:#fff;}
nav.nv_hid ul li:last-child { margin-right:0;}
nav.nv_hid ul li a { display:block; padding: 20px; color:#fff; cursor: pointer; text-decoration:none; transition:background-color .3s;}
nav.nv_hid ul li a:hover { background-color:#c19750;}




.topbanner { overflow: hidden; width: 100%; min-width: 1464px; min-height: 800px; background-image: linear-gradient(to top, rgba(244,244,244,1) 0, rgba(244,244,244,.5) 15%, rgba(244,244,244,0) 20%, rgba(244,244,244,0) 100%), url(../images/top3.jpg); background-repeat: no-repeat; background-position: center top;}




/*产品介绍*/
.box_vision { overflow: hidden; position: relative; width: 696px; height: 392px; border-radius: 4px;}

.focal_picnews { position: relative; overflow: hidden; width: 1368px; height: 500px;  border-radius: 4px;}
.focal_picnews .swiper-pagination { position: absolute; bottom: 24px; left: 24px; padding: 16px; width: 9rem; background-color: rgba(0,0,0,.6); border-radius: 4px; color: #fff; font-size: 3rem; font-weight: 100; line-height: 1em; text-align: right; z-index: 1001;}
.focal_picnews .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:12px;left:auto;}
.focal_picnews .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:12px;right:auto;}
.my-pagination-current { color: #ffde00; font-size: 5rem;}
.my-pagination-total {}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

ul.list_focal_pic {}
ul.list_focal_pic li {}
ul.list_focal_pic li a {}
ul.list_focal_pic li a img { width: 1368px; height: 500px;}
ul.list_focal_pic li a section { overflow: hidden; position: absolute; top: 24px; right: 52px; width: 520px; height: 452px; background-color: rgba(226, 179, 96, .7); border-radius: 4px; transition: background-color .2s;}
ul.list_focal_pic li:hover a section { background-color: rgba(0, 69, 102, .7);}
ul.list_focal_pic li h3 { padding: 4rem; background-color: rgba(226, 179, 96, .9); color: #fff; font-size: 5rem; font-weight: 600; line-height: 1.25em; transition: background-color .2s;}
ul.list_focal_pic li:hover h3 { background-color: rgba(0, 69, 102, .9);}
ul.list_focal_pic li span { display: block; padding: 4rem; color: #fff; font-size: 3rem; line-height: 1.5em;}


ul.list_focal_pic2 {}
ul.list_focal_pic2 li {}
ul.list_focal_pic2 li a {}
ul.list_focal_pic2 li a img { width: 889px; height: 500px;}
ul.list_focal_pic2 li a section { overflow: hidden; position: absolute; top: 0px; right: 0px; width: 479px; height: 500px;background-image: url(../images/bg_chp1.jpg); background-position: 0 0; background-repeat: no-repeat; border-radius: 0 4px 4px 0;}
ul.list_focal_pic2 li:hover a section { background-color: #126185;}
ul.list_focal_pic2 li h3 { padding: 4rem; background-color: rgba(199, 125, 0, .6); color: #fff; font-size: 6rem; font-weight: 600; line-height: 1.25em; transition: background-color .2s;}
ul.list_focal_pic2 li:hover h3 { background-color: rgba(0, 43, 77, .9);}
ul.list_focal_pic2 li span { overflow: hidden; display: block; padding: 4rem 7rem 4rem 4rem; height: 100%; background-color: rgba(226, 178, 96, .7); color: #fff; font-size: 3rem; line-height: 1.75em; transition: background-color .2s;}
ul.list_focal_pic2 li:hover span { background-color: rgba(0, 69, 102, .8);}





/*焦点文字*/
.focal_news { margin-left: 32px; width: 592px;}
.focal_news h3 { margin-bottom: 2rem; font-size: 3.5rem; font-weight: 600; line-height: 1.25em;}
.focal_news h3 a { text-decoration: none; transition: color .2s;}
.focal_news h3 a:hover { color: var(--text-color-h1);}
.focal_news span { display: block; margin-bottom: 3rem; color: #666; font-size: 2rem; line-height: 1.25em;}

ul.list_focal { overflow-y: auto; padding: 1.5rem; height: 218px; background-color: #f8f8f8; border-radius: 4px;}
ul.list_focal::-webkit-scrollbar { width: 4px; background-color: #eee; border-radius: 4px;}
ul.list_focal::-webkit-scrollbar-button { display: none;}
ul.list_focal::-webkit-scrollbar-track { background-color: #eee; border-radius: 4px;}
ul.list_focal::-webkit-scrollbar-thumb { background-color: #bbb; border-radius: 4px;}
ul.list_focal li { margin-bottom: 1em;}
ul.list_focal li:last-child { margin-bottom: 0;}
ul.list_focal li a { font-size: 2.5rem; line-height: 1.25em; text-decoration: none; transition: color .2s;}
ul.list_focal li a:hover { color: var(--text-color-h1);}



/*专访视频*/
.ch_dffl2 { overflow: hidden; margin: 0 auto; padding: 2rem 0; width: 1384px;}
.pag_guan { margin: 0 auto; width: 100%; -webkit-justify-content: center; justify-content: center;}
.swiper-container3 { overflow: hidden; width: 100%;}
.swiper-slide { overflow: hidden;}
.swiper-pagination3 { display:-webkit-flex; display:flex;}
.my-bullet { display: block; margin: 0 .5rem 2rem; width: 3rem; height: 1rem; background-color: #e2b260; border-radius: .5rem; cursor: pointer; outline: none;}
.my-bullet-active { width: 5rem; background-color: #ac8035; box-shadow: 0 0 1rem rgba(0,0,0,.15);}
ul.list_pic1 {}
ul.list_pic1 li { transition: box-shadow .5s;}
ul.list_pic1 li:hover { box-shadow: 0 0 1rem rgba(0,0,0,.15);}
ul.list_pic1 li a { overflow: hidden; position: relative; display: block; border-radius: 4px; text-decoration: none;}
ul.list_pic1 li h3 { width: 90.05%; height: 3.5em; padding: 2rem 5% 0; background-color: #fff; color: #ac8035; font-size: 2.5rem; font-weight: 600; line-height: 1.25em; transition: all .5s;}
ul.list_pic1 li img { width: 100%; transition: transform .5s;}
ul.list_pic1 li div { overflow: hidden;}
ul.list_pic1 li a:hover img { transform:scale(1.2);}
ul.list_pic1 li a:hover h3 { background-color: #ac8035; color: #fffde8;}


.item_zf { position: relative; display: block; margin-bottom: 3rem; width: 100%; height: 600px;}
.item_zf img { position: absolute; top: 0; left: 0;}
.item_zf section { position: absolute; top: 32px; left: 320px;}
.tt_item_zf { position: relative;}
.tt_item_zf h2 { position: relative; display: inline-block; padding: 24px 72px; border-radius: 8px; color: #e60012; font-size: 5rem; font-style: italic; font-weight: 600; line-height: 1.25em;}
.tt_item_zf h2:before { position: absolute; top: -40px; left: -8px; content: '\D“\A'; color: #f39800; font-size: 120px; font-family: "arial black"; font-style: italic; line-height: 1em; white-space: pre; transition: color .3s;}
.tt_item_zf h2:after { position: absolute; bottom: -72px; right: 24px; content: '\D”\A'; color: #f39800; font-size: 120px; font-family: "arial black"; font-style: italic; line-height: 1em; white-space: pre; transition: color .3s;}
.tt_item_zf h2:hover:before, .tt_item_zf h2:hover:after { color: #e60012;}
.tt_item_zf h2 a { color: #e60012; text-decoration: none; transition: color .3s;}
.tt_item_zf h2:hover a { color: #c8000f;}

.item_zf_atc { margin-top: 6rem; display: -webkit-flex; display: flex;}
.item_zf_js { margin-left: 32px; width: 400px; padding: 16px; background-image:linear-gradient(-10deg, rgba(226,178,96,.8), rgba(226,178,96,1)); border-radius: 4px; color: #fff;}
.item_zf_js h3 { display: block; margin-bottom: 1em; color: #fffbce; font-size: 3.5rem; line-height: 1.25em;}
.item_zf_js h3 em { margin-right: 1em; font-weight: 600;}
.item_zf_js span { display: block; font-size: 2.5rem;}

.item_zf_vod { position: relative; overflow: hidden; width: 600px; height: 337px; border-radius: 4px;}
.item_zf_vod a { display: block; width: 100%; height: 100%; text-decoration: none;}
.item_zf_vod a img { width: 100%; height: 100%;}
.item_zf_vod a h3 { position: absolute; bottom: 0; padding: 12px 4px 4px; background-image:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)); color: #fff; font-size: 1.5rem; line-height: 1.25em; z-index: 99;}
span.mask_vod1 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image: url(../images/icon_play.svg); background-repeat: no-repeat; background-position: top 8px right 8px; background-size: 28px; transition:background-color .2s; z-index: 9;}
.item_zf_vod a:hover span.mask_vod1 { background-color:rgba(0,0,0,.3);}


.item_zf_vod2 { position: relative; overflow: hidden; width: 600px; height: 337px; border-radius: 4px;}

.video-js, .insert-video video { width: 600px !important; height: 337px !important;}
.insert-video { text-align: left !important;}
.vjs-error-display.vjs-modal-dialog { display: none !important;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS !important;font-weight:bold !important;font-style:normal !important;}
.video-js .vjs-big-play-button{font-size:4em !important;line-height:2em !important;height:2em !important;width:2em !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;padding:0 !important;cursor:pointer !important;opacity:1 !important; border: none !important; background-color:rgba(0,0,0,.6) !important;border-radius:50% !important;transition:all .2s !important;}
.vjs-big-play-centered .vjs-big-play-button{top:50% !important;left:50% !important;margin-top:-1em !important;margin-left:-1em !important;}
.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#c00 !important;background-color:rgba(230,0,18,.9) !important;transition:all .2s !important;}
.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none !important;}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block !important;}

.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started .vjs-big-play-button { display: block !important;}




/*专访视频2*/
.item_zf2 { position: relative; display: block; margin-bottom: 3rem; width: 100%; height: 680px;}
.item_zf2 img { position: absolute; top: 0; left: 0;}
.item_zf2 section { position: absolute; top: 32px; left: 64px;}
.tt_item_zf2 { position: relative;}
.tt_item_zf2 h2 { position: relative; display: inline-block; padding: 24px 72px; border-radius: 8px; color: #c19750; font-size: 5rem; font-style: italic; font-weight: 600; line-height: 1.25em; transition: color .3s;}
.tt_item_zf2 h2:before { position: absolute; top: -40px; left: -8px; content: '\D“\A'; color: #c19750; font-size: 120px; font-family: "arial black"; font-style: italic; line-height: 1em; white-space: pre; transition: color .3s;}
.tt_item_zf2 h2:after { position: absolute; bottom: -72px; right: 24px; content: '\D”\A'; color: #c19750; font-size: 120px; font-family: "arial black"; font-style: italic; line-height: 1em; white-space: pre; transition: color .3s;}
.tt_item_zf2 h2:hover:before, .tt_item_zf2 h2:hover:after { color: #f39800;}
.tt_item_zf2 h2 a { color: #c19750; text-decoration: none; transition: color .3s;}
.tt_item_zf2 h2:hover, .tt_item_zf2 h2:hover a { color: #f39800;}

.item_zf_atc2 { margin-top: 6rem; display: -webkit-flex; display: flex;}
.item_zf_js2 { margin-left: 32px; width: 440px; padding: 16px; background-image:linear-gradient(-10deg, rgba(193,151,80,.8), rgba(193,151,80,1)); border-radius: 4px; color: #fff;}
.item_zf_js2 h3 { display: block; margin-bottom: 1em; color: #fffbce; font-size: 3.5rem; line-height: 1.25em;}
.item_zf_js2 h3 em { margin-right: 1em; font-weight: 600;}
.item_zf_js2 span { display: block; font-size: 2.5rem;}

.item_zf_vod { position: relative; overflow: hidden; width: 600px; height: 337px; border-radius: 4px;}
.item_zf_vod a { display: block; width: 100%; height: 100%; text-decoration: none;}
.item_zf_vod a img { width: 100%; height: 100%;}
.item_zf_vod a h3 { position: absolute; bottom: 0; padding: 12px 4px 4px; background-image:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)); color: #fff; font-size: 1.5rem; line-height: 1.25em; z-index: 99;}
span.mask_vod1 { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image: url(../images/icon_play.svg); background-repeat: no-repeat; background-position: top 8px right 8px; background-size: 28px; transition:background-color .2s; z-index: 9;}
.item_zf_vod a:hover span.mask_vod1 { background-color:rgba(0,0,0,.3);}


.item_zf_vod3 { position: relative; overflow: hidden; margin-left: 40px; width: 720px; height: 405px; border-radius: 4px;}
.video-js, .insert-video video { width: 720px !important; height: 405px !important;}





/*文字栏目*/
.list_atc1 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.list_atc1 li { margin-top: .5em; width: 48%; font-size: 2.5rem; line-height: 1.25em;}
.list_atc1 li a { display: block; padding: 1rem; border-left: 4px solid #fff; text-decoration: none; transition: all .2s;}
.list_atc1 li a:hover { background-color: #f8f8f8; border-left-color: #ccc; color: var(--text-color-h1);}

ul.list_atc2 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-height: 540px; min-height: 352px; overflow-y: auto;}
ul.list_atc2 li { margin-top: 3rem; width: 47%; font-size: 2.5rem; line-height: 1.25em;}
ul.list_atc2 li:nth-child(1), ul.list_atc2 li:nth-child(2) { margin-top: 0;}
ul.list_atc2 li:nth-child(2n) { margin-right: 1rem;}
ul.list_atc2 li a { overflow: hidden; display: -webkit-flex; display: flex; background-color: #fff; border-radius: 0 24px 0 24px; text-decoration: none; transition: all .2s;}
ul.list_atc2 li a:hover { color: #eb6100; box-shadow: 0px 0px 16px 0px rgba(0,0,0,.1);}
ul.list_atc2 li a h3 { padding: 3rem; line-height: 1.5em;}
ul.list_atc2 li a img { width: 240px; height: 164px;}
ul.list_atc2::-webkit-scrollbar { width: 8px; background-color: #ebebeb; border-radius: 4px;}
ul.list_atc2::-webkit-scrollbar-button { display: none;}
ul.list_atc2::-webkit-scrollbar-track { background-color: #ebebeb; border-radius: 4px;}
ul.list_atc2::-webkit-scrollbar-thumb { background-color: #ccc;border-radius: 4px;}



/*高清图集*/
.hdpicSwiper {overflow: hidden; position: relative; margin:0rem auto 10rem; width: 100%; max-width: 1384px;}

.hdpicSwiper .swiper-slide {
		position: relative;
		background-color: #fff;
		font-size: 3rem;
		text-align: center;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.hdpicSwiper .swiper-slide a { width: 100%;}
.hdpicSwiper .swiper-slide img{display: block;width: 100%;height: auto;object-fit: cover;}
.hdpicSwiper .swiper-slide h3 {position: absolute;bottom: 0;display: block;padding: 5rem 2%;width: 96%;background-image:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));color: #fff;font-size: 3rem;font-weight: 600;line-height: 1.25em;text-align: center;}
.hdpicSwiper .swiper-pagination-bullet-active{opacity:1;background:#fff}
.hdpicSwiper .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");left:12px;right:auto;}
.hdpicSwiper .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");right:12px;left:auto;}




/*底部*/
.ft_site { padding: 4rem 0; width: 100%; min-width: 1464px; background-color: #c19750; color: #fff;}
.ft_site span { display: block; font-size: 1.5rem; line-height: 2em; text-align: center;}
.ft_site span em { margin-left: 1em;}