*{margin:0;padding:0}
body{color:#333; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:1rem; font-family:Arial; background:#fff;}
a{text-decoration:none; color: inherit; white-space:normal !important;}
img{border:0}
li{list-style:none; white-space:normal !important;}
dl{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
dt{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
dd{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
p{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
span{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
strong{white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
.width{margin:0 auto;}
.fl{float:left;}
.fr{ float:right;}

@media(min-width:1200px)and (max-width:300000px){
.w70{ width:70%; margin:auto;}
.w75{ width:75%; margin:auto;}
.w80{ width:80%; margin:auto;}
.w85{ width:85%; margin:auto;}
.w90{ width:90%; margin:auto;}
.w92{ width:92%; margin:auto;}
.w94{ width:94%; margin:auto;}
.w96{ width:96%; margin:auto;}
.w98{ width:98%; margin:auto;}

h3{word-break: normal !important; text-wrap:wrap !important; font-size:30px; margin-bottom:20px; width:100%;}
h4{word-break: normal !important; text-wrap:wrap !important; font-size:24px; margin-bottom:20px; width:100%;}
h5{word-break: normal !important; text-wrap:wrap !important; font-size:20px; margin-bottom:15px; width:100%;}
h6{word-break: normal !important; text-wrap:wrap !important; font-size:18px; margin-bottom:15px; width:100%;}

.translateSelectLanguage{position:fixed; z-index:9999999; top:44px; right:4%; padding:6px 4px;}
select{outline:none !important; background:#000; color:#FFF;}

.topbj{background:rgba(255,255,255,1); width: 100%; z-index:999; position:fixed; top:0px; box-shadow: 0px 0.5rem 0.5rem 0px rgba(0, 0, 0, 0.1);}
.topbj .topbj-heng{ height:36px; line-height:36px; background:#07312F; color:#FFF;}
.topbj .topbj-heng .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:96%; margin:auto;}
.topbj .topbj-heng .bod .fl{font-size:12px;}
.topbj .topbj-heng .bod .fr{font-size:12px; display:flex; flex-wrap:wrap; align-items:center;}
.topbj .topbj-heng .bod .fr dl{display:flex; flex-wrap:wrap; align-items:center; margin-left:30px;}
.topbj .topbj-heng .bod .fr dl img{width:14px; filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}
.topbj .topbj-heng .bod .fr dl span{ margin:0px 10px;}
.topbj .width{display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; width:96%; margin:auto; height:80px;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; height:80px;}
.topbj .width .logo a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:80px;}
.topbj .width .logo a img{height:60px;}
.topbj .width .fr{display:flex; flex-wrap:wrap; align-items: center;}
.topbj .width .fr .search{margin-left:20px;}
.topbj .width .fr .search img{filter:drop-shadow(#1f6bd0 0px 10000000px); transform:translateY(-10000000px); width:16px; height:16px;}
.topbj .width .fr .yuyan{margin-left:40px; width:30px; height:30px; line-height:30px; text-align:center; background:#ff8a00; color:#FFF; border-radius:5px; font-size:14px;}

.topbj #wap_logo_main{position: relative; height:80px; display: block; position: absolute; top:0; right:2vw; z-index: 999; margin:auto;}
.topbj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.topbj #wap_logo .WebLogo{display: flex; align-items: center; max-height:80px; }
.topbj #wap_logo .WebLogo .WebLogo{display:none;}
.topbj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:100px;}
.topbj #wap_logo .WebLogo .shownavbtn{width:20px; height:12px; margin-top:70px; border-top: 2px solid #333; border-bottom: 2px solid #333;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:#333; }
.topbj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

.topbj #wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
.topbj #wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:80%; margin-left:-40px;top:40px; background:#FFF;border-radius:3px;}
.topbj #wap_navigationshade:after{transform: rotate(45deg); }
.topbj #wap_navigationshade:before{transform: rotate(-45deg); }

.topbj .wap_navigationlist{position: fixed; right:-20%; top: 0; background: #FFF; overflow-y: scroll; width:20%; height: 100%; z-index: 999999999; }
.topbj .wap_navigationlist li{position: relative; } 
.topbj .wap_navigationlist li i.showmore{position: absolute; width: 80px; height: 26px; right: 0; top: 0; }
.topbj .wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.topbj .wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.topbj .wap_navigationlist a{ position: relative; line-height:26px; margin-bottom:20px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left: 30px; }
.topbj .wap_navigationlist a.current{ color:#04a07b; }
.topbj .wap_navigationlist li.depth2 a{ text-indent: 30px; line-height:20px; color: #555; }

.topbj .wap_subnavigationlist{ display: none; }
.topbj .wap_subnavigationlist a{margin-left: 60px; }

.topbj .wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: auto; display: flex; align-items: center; }
.topbj .wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.topbj .seachwrap{ padding: 20px 1rem; }
.topbj .seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.topbj .seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.topbj .seachwrap input.Keywords {float: left; padding-left:5%;}
.topbj .seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.topbj .seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.topbj .seachwrap button img{ width:1rem; filter:drop-shadow(#1f6bd0 0px 10000000px); transform:translateY(-10000000px);}

.navBar{z-index:1; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; margin-right:2vw;}
.navBar .nav{width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; width:100%;}
.navBar .nav ul{display:flex; flex-wrap:wrap; justify-content:center; align-items: center; width:100%;}
.navBar .nav li{display:flex; flex-wrap:wrap; align-items: center; position:relative; height:80px;}
.navBar .nav .m a{overflow:hidden; display:flex; flex-wrap:wrap; align-items: center; font-weight: normal; padding:0px 20px; transition: all 0.5s;}
.navBar .nav .m{float:left; text-align:center;}
.navBar .nav .m a:hover{color:#ff8a00; transition: all 0.5s;}
.navBar .nav .m .sub{ display:none; /*默认隐藏*/ width:100%; position:absolute; left:0; width:240px; top:80px; border-radius:0px; background:rgba(255,255,255,1);}
.navBar .nav .m .sub dd{position:relative; padding-top:25px; text-align:left; }
.navBar .nav .m .sub dd:last-child{padding-bottom:25px;}
.navBar .nav .m .sub dd a:hover{color:#ff8a00;}
.navBar .nav .m .sub dd .info{position:absolute; left:240px; top:0px; width:240px; background:#FFF; display:none;}
.navBar .nav .m .sub dd .info dl dt{padding-top:25px;}
.navBar .nav .m .sub dd .info dl dt:last-child{padding-bottom:25px;}
.navBar .nav .m .sub dd:hover .info{ display:block;}

.active-head{color:#ff8a00; height:45px; line-height:45px; display:block; font-weight:bold; font-size:16px;}

.fullSlide {width:100%;position: relative;height:100vh;background: #000;overflow: hidden;}
.fullSlide .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;height:100vh;}
.fullSlide .bd ul {width: 100% !important;}
.fullSlide .bd li {width: 100% !important;height:100vh;overflow: hidden;position: relative;}
.fullSlide .bd li img {width: 100%;height:100vh; object-fit:cover; display:block;}
.fullSlide .bd li a {display: block;width: 100%;height: 100%;}
.fullSlide .bd li .info{position:absolute; left:0; top:0; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items:center;}
.fullSlide .bd li .info .item{width:60%; margin:auto; text-align:center;}
.fullSlide .bd li .info .item dt{font-size:48px; color:#fff;}
.fullSlide .bd li .info .item dd{font-size:18px; color:#fff; margin-top:30px; line-height:30px;}
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.fullSlide .hd ul {text-align: center;padding-top: 5px;}
.fullSlide .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 8px;height: 8px;margin: 5px; background-color: #fff; border-radius: 50%; opacity: 0.5;overflow: hidden;line-height: 9999px;transition: all 0.3s ease;}
.fullSlide .hd ul li.on {background-color:#8bbb33; opacity: 1;transform: scale(1.2);}

.index1{width:96%; margin:auto; overflow:hidden; padding-top:70px;}
.index1 .tit{text-align:center;}
.index1 .tit h3{font-size:30px; color:#07312F;}
.index1 .tit p{height:2px; width:80px; margin:auto; background:#13856F; margin-top:20px;}
.index1 .foucebox {width:100%; height:80vh; margin-top:50px;}
.index1 .foucebox .bd{position:relative;float:left;width:100%;height:70vh;overflow:hidden;}
.index1 .foucebox .showDiv {position:relative;width:50%;height:70vh;}
.index1 .foucebox .showDiv img {width:100%;height:100%; position:absolute;}
.index1 .foucebox .showDiv .foucebox_bg{position:absolute; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:8; overflow:hidden; color:#FFF; padding:30px;}
.index1 .foucebox .showDiv .foucebox_bg li{font-size:26px; font-weight:bold;}
.index1 .foucebox .showDiv .foucebox_bg p{ margin-top:15px; line-height:26px;}
.index1 .foucebox .hd{width:48.7%; float:right;}
.index1 .foucebox .hd ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index1 .foucebox .hd ul li{width:48.8%; height:33.8vh; display:inline; position:relative; margin-bottom:2.4vh; background:#f5f5f5; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .foucebox .hd ul li .txt{ text-align:center; width:80%; margin:auto;}
.index1 .foucebox .hd ul li .txt .title{ font-size:72px; color:#f5f5f5; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #07312F;}
.index1 .foucebox .hd ul li .txt .bod{ margin-top:20px; font-size:18px; font-weight:bold; color:#07312F;}
.index1 .foucebox .hd ul li:hover .txt .title{-webkit-text-stroke: 1px #fff;}
.index1 .foucebox .hd ul li:hover .txt .bod{color:#FFF;}
.index1 .foucebox .hd ul li:hover, .index1 .foucebox .hd ul li.on{background:#07312F; color:#FFF;}
.index1 .foucebox .hd ul li.on .txt .title{color:#07312F; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff;}
.index1 .foucebox .hd ul li.on .txt .bod{color:#FFF;}

.index2{width:100%; overflow:hidden; margin-top:0px;}
.index2 .txt{text-align:center; margin-top:50px;}
.index2 .txt h3{font-size:30px; color:#07312F;}
.index2 .txt p{height:2px; width:80px; margin:auto; background:#13856F; margin-top:20px;}
.index2 .bod{width:96%; margin:auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .bod dl{width:23.5%; margin-right:2%; margin-bottom:40px;}
.index2 .bod dl:nth-child(4n){margin-right:0px;}
.index2 .bod dl dt{position:relative; padding-bottom:100%;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit:cover;}
.index2 .bod dl dd{margin-top:15px; text-align:center;}
.index2 .more{width:160px; margin:auto; height:45px; background:#07312f; color:#FFF; line-height:45px; text-align:center; border-radius:60px;}

.index3{width:100%; margin-top:120px; overflow:hidden; background:#07312f; padding-bottom:100px;}
.index3 .txt{text-align:center; margin-top:100px;}
.index3 .txt h3{font-size:30px; color:#fff;}
.index3 .txt p{height:2px; width:80px; margin:auto; background:#fff; margin-top:20px;}
.index3 .slider{width:100%;  min-width:980px;  height:564px;  position:relative; overflow:hidden; text-align:center; margin-top:50px;}
.index3 .slider .bd{width:980px; position:absolute; left:50%; margin-left:-490px;}
.index3 .slider .bd li{width:980px; height:564px; overflow:hidden; position:relative;}
.index3 .slider .bd li img{display:block; width:940px; height:564px; margin-left:20px; position:absolute;}
.index3 .slider .bd li .info{ position:absolute; left:0; right:0 ; bottom:40px; font-size:20px; color:#FFF;}
.index3 .slider .tempWrap{overflow:visible !important;}
.index3 .slider .tempWrap ul{margin-left:-980px !important;}
.index3 .slider .hd{position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:40px;  text-align:center;}
.index3 .slider .hd li{display:inline-block; *display:inline; zoom:1; width:8px; height:8px; background:#FFF; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;}
.index3 .slider .hd li.on{background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.index3 .slider .pnBtn{position:absolute; z-index:1; top:120px; width:100%;  height:564px; cursor:pointer;}
.index3 .slider .prev{left:-100%; margin-left:150px;}
.index3 .slider .next{left:100%; margin-left:-150px;}
.index3 .slider .pnBtn .arrow{display:none; position:absolute; top:0; z-index:1; width:60px; height:564px;}
.index3 .slider .pnBtn .arrow:hover{filter:alpha(opacity=60); opacity:0.6;}
.index3 .slider .prev .arrow{right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;}
.index3 .slider .next .arrow{left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;}
.index3 .more{width:160px; margin:auto; height:45px; background:#07312f; color:#FFF; line-height:45px; text-align:center; border-radius:60px; border:#FFF 1px solid; margin-top:60px;}

.index4{width:100%; margin-top:90px; overflow:hidden;}
.index4 .bod{width:96%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:auto;}
.index4 .bod .fl{width:60%;}
.index4 .bod .fl dl .title{font-size:26px; text-transform:uppercase; color:#07312F; font-weight:bold;}
.index4 .bod .fl dl .line{height:2px; width:80px; background:#13856F; margin-top:20px;}
.index4 .bod .fl dl .neirong{ margin-top:30px;}
.index4 .bod .fl dl .neirong p{ margin-bottom:30px; line-height:26px;}
.index4 .bod .fl dl .more{ width:fit-content; border-bottom:#13856F 1px solid; padding-bottom:5px; color:#13856F;}
.index4 .bod .fl dl .shuju{margin-top:50px; display:flex; flex-wrap:wrap;}
.index4 .bod .fl dl .shuju dl{ width:24%; border:#13856f 1px solid; margin-right:-1px; text-align:center; padding:30px 0px;}
.index4 .bod .fl dl .shuju dl dt{font-size:30px; color:#13856f;}
.index4 .bod .fl dl .shuju dl dt span{font-size:16px; color:#666; margin-left:5px;}
.index4 .bod .fl dl .shuju dl dd{margin-top:10px;}
.index4 .bod .fr{width:36%;}
.index4 .bod .fr li{position:relative; padding-bottom:80%;}
.index4 .bod .fr li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .item{width:96%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-left:2%; margin-right:2%; margin-top:50px; margin-bottom:50px;}
.index4 .item dl{width:32%;}
.index4 .item dl dt{position:relative; padding-bottom:70%;}
.index4 .item dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .item dl dt .info{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); color:#FFF; font-size:30px; text-transform:uppercase;}

.index5{width:100%; overflow:hidden; margin-top:100px;}
.index5 .txt{text-align:center;}
.index5 .txt h3{font-size:30px; color:#07312F;}
.index5 .txt p{height:2px; width:80px; margin:auto; background:#13856F; margin-top:20px;}
.ladyScroll{width:1200px; margin:auto; overflow:hidden;}
.ladyScroll .scrollWrap{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:60px;}
.ladyScroll .scrollWrap .prev{width:10%;height:22px;font-size:36px; text-align:center; margin-bottom:20px;}
.ladyScroll .scrollWrap .prev img{width:14px; height:22px;}
.ladyScroll .scrollWrap .next{width:10%;height:22px;font-size:36px; text-align:center; margin-bottom:20px;}
.ladyScroll .scrollWrap .next img{width:14px; height:22px;}
.ladyScroll .scrollWrap .dlList{width:80%;}
.ladyScroll .scrollWrap .dlList dl{float:left;width:100%; text-align:center;}
.ladyScroll .scrollWrap .dlList dl dt{font-size:30px; line-height:48px; font-weight:bold;}
.ladyScroll .scrollWrap .dlList dl dd{ margin-top:50px; font-size:24px; color:#07312f;}
.ladyScroll .scrollWrap .dlList dl p{ margin-top:50px; font-size:16px; color:#666;}

.index6{width:100%; overflow:hidden; margin-top:100px; background:#07312f; padding-top:100px; padding-bottom:80px;}
.index6 .txt{text-align:center;}
.index6 .txt h3{font-size:30px; color:#FFF;}
.index6 .txt p{height:2px; width:80px; margin:auto; background:#fff; margin-top:20px;}
.index6 .picScroll{width:1200px; margin:auto; margin-top:50px;}
.index6 .picScroll .bd{}
.index6 .picScroll .bd .zuoyou{display:flex; flex-wrap:wrap; justify-content:center;}
.index6 .picScroll .prev,.picScroll .next{ margin-left:10px; margin-right:10px;}
.index6 .picScroll .prev img,.picScroll .next img{display:block; width:14px; z-index:9; overflow:hidden; margin-top:40px; filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}
.index6 .picScroll ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap; justify-content:center;}
.index6 .picScroll li{width:220px; margin:0px 10px; display:inline; }
.index6 .picScroll li p{position:relative; padding-bottom:140%;}
.index6 .picScroll li p img{ position:absolute; width:100%; height:100%;}

.index7{width:100%; overflow:hidden; margin-top:100px; margin-bottom:100px;}
.index7 .txt{text-align:center;}
.index7 .txt h3{font-size:30px; color:#07312F;}
.index7 .txt p{height:2px; width:80px; margin:auto; background:#13856F; margin-top:20px;}
.index7 .notice{width:80%; margin:auto; overflow:hidden; margin-top:50px;}
.index7 .notice .tab-hd {height:29px;}
.index7 .notice .tab-hd ul {display:flex; flex-wrap:wrap; justify-content:center;}
.index7 .notice .tab-hd li{float:left; height:24px; line-height:18px; margin-left:10px; margin-right:10px; width:fit-content; border:#ddd 1px solid; border-radius:60px; padding-top:10px; padding-bottom:8px; padding-left:20px; padding-right:20px;}
.index7 .notice .tab-hd li:hover{color:#11877e;}
.index7 .notice .tab-hd li.on{color:#11877e;}
.index7 .notice .tab-bd{margin-top:60px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index7 .notice .tab-bd .fl{width:45%;}
.index7 .notice .tab-bd .fl .ico{width:100%;}
.index7 .notice .tab-bd .fl .ico dt{position:relative; padding-bottom:51.5%; width:100%;}
.index7 .notice .tab-bd .fl .ico dt img{position:absolute; width:100%; height:100%; object-fit:cover;}
.index7 .notice .tab-bd .fl .ico dd{margin-top:20px; font-size:18px; font-weight:bold;}
.index7 .notice .tab-bd .fl .ico p{margin-top:15px; font-size:16px; color:#666; line-height:26px;}
.index7 .notice .tab-bd .fr{width:50%;}
.index7 .notice .tab-bd .fr dl{margin-bottom:30px; border-bottom:#eee 1px solid; padding-bottom:30px;}
.index7 .notice .tab-bd .fr dl dt{font-size:18px; font-weight:bold;}
.index7 .notice .tab-bd .fr dl dd{margin-top:10px; line-height:26px; color:#666;}
.index7 .more{width:160px; margin:auto; height:45px; background:#07312f; color:#FFF; line-height:45px; text-align:center; border-radius:60px; border:#FFF 1px solid; margin-top:60px;}

.index8{width:100%; overflow:hidden; background:#f5f5f5; padding-top:90px; margin-bottom:-20px;}
.index8 .txt{text-align:center;}
.index8 .txt h3{font-size:30px; color:#07312F;}
.index8 .txt p{height:2px; width:80px; margin:auto; background:#13856F; margin-top:20px;}
.index8 .bod{width:80%; display:flex; flex-wrap:wrap; justify-content:center; margin:auto; margin-top:50px; margin-bottom:100px;}
.index8 .bod dl{width:19%; border:#ddd 1px solid; margin-left:-1px; margin-top:-1px; background:#FFF;display:flex; flex-wrap:wrap; justify-content:center;}

.index9{width:80%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto; margin-top:100px; margin-bottom:60px;}
.index9 .item1{width:30%;}
.index9 .item1 .title{font-size:20px; font-weight:bold;}
.index9 .item1 .bod{margin-top:20px; line-height:24px;}
.index9 .item1 .lianxi{margin-top:30px;}
.index9 .item1 .lianxi li{display: grid; grid-template-columns:auto 1fr; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:15px;}
.index9 .item1 .lianxi li img{ width:18px; margin-right:10px;}
.index9 .item1 .lianxi li span{ font-size:16px;}
.index9 .item1 .more{width:160px; height:45px; background:#07312f; color:#FFF; line-height:45px; text-align:center; border-radius:60px; border:#FFF 1px solid; margin-top:30px;}
.index9 .item2{width:30%;}
.index9 .item2 .title{font-size:20px; font-weight:bold; width:100%; text-align:center;}
.index9 .item2 .bod{width:100%; display:flex; flex-wrap:wrap; justify-content:center; margin-top:30px;}
.index9 .item2 .bod dl{width:50px; height:50px; border-radius:100%; border:#CCC 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0px 10px;}
.index9 .item2 .bod dl dt{width:20px; height:20px;}
.index9 .item2 .bod dl dt img{width:20px; height:20px; filter:drop-shadow(#11877e 0px 10000000px); transform:translateY(-10000000px);}
.index9 .item2 .bod dl:hover{border:#11877e 1px solid; background:#11877e;}
.index9 .item2 .bod dl:hover dt img{filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}
.index9 .item3{width:30%;}
.index9 .item3 .title{font-size:20px; font-weight:bold; width:100%;}
.index9 .item3 .bod{margin-top:20px; line-height:24px;}
.index9 .item3 form{margin-top:20px;}
.index9 .item3 form input{width:100%; margin-bottom:10px; height:40px; border-radius:30px; border:#ddd 1px solid; outline:none;}
.index9 .item3 form li{display:flex; flex-wrap:wrap; align-items:center;}
.index9 .item3 form li input{width:50% !important; margin-bottom:0px;}
.index9 .item3 form li img{ margin-left:10px; height:40px;}
.index9 .item3 form button{width:100%; height:45px; background:#07312f; color:#FFF; line-height:45px; text-align:center; border-radius:60px; border:#FFF 1px solid; margin-top:10px; font-size:16px;}

.foot{overflow:hidden; width:100%; background:#07312f;}
.foot .bod{width:80%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; color:#FFF; overflow:hidden; margin-top:50px;}
.foot .bod dl{width:15%;}
.foot .bod dl dt{font-size:16px; font-weight:bold;}
.foot .bod dl p{ width:40px; height:1px; background:#FFF; margin-top:15px; margin-bottom:20px;}
.foot .bod dl dd{margin-top:10px; font-size:14px;}
.foot .bod dl:nth-child(5){width:30%;}
.foot .bod1{width:100%; border-top:rgba(255,255,255,0.2) 1px solid; margin-top:50px;}
.foot .bod1 dl{width:80%; margin:auto; padding:20px 0px; color:#FFF;}

.ny-banner{width:100%;overflow: hidden;}
.ny-banner li{position:relative; height:600px;}
.ny-banner li img{position:absolute; width:100%; height:100%; object-fit:cover;}
.ny-banner li .info{ position:absolute; left:0; right:0; bottom:0; top:120px;font-size:36px; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF;} 
.breadcrumb{width:80%; margin:auto; background:#fff; box-shadow:0 2px 5px 3px rgba(0, 0, 0, 0.1); margin-top:-30px; position:relative;}
.breadcrumb .container{width:100%; padding:20px;}

.index4-factory{width:100%; margin-top:90px; overflow:hidden;}
.index4-factory .bod{width:80%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:auto;}
.index4-factory .bod .fl{width:55%;}
.index4-factory .bod .fl dl .title{font-size:26px; text-transform:uppercase; color:#07312F; font-weight:bold;}
.index4-factory .bod .fl dl .line{height:2px; width:80px; background:#13856F; margin-top:20px;}
.index4-factory .bod .fl dl .neirong{ margin-top:30px;}
.index4-factory .bod .fl dl .neirong p{ margin-bottom:30px; line-height:26px;}
.index4-factory .bod .fl dl .more{ width:fit-content; border-bottom:#13856F 1px solid; padding-bottom:5px; color:#13856F;}
.index4-factory .bod .fl dl .shuju{margin-top:50px; display:flex; flex-wrap:wrap;}
.index4-factory .bod .fl dl .shuju dl{ width:24%; border:#13856f 1px solid; margin-right:-1px; text-align:center; padding:30px 0px;}
.index4-factory .bod .fl dl .shuju dl dt{font-size:30px; color:#13856f;}
.index4-factory .bod .fl dl .shuju dl dt span{font-size:16px; color:#666; margin-left:5px;}
.index4-factory .bod .fl dl .shuju dl dd{margin-top:10px;}
.index4-factory .bod .fr{width:41%;}
.index4-factory .bod .fr li{position:relative; padding-bottom:80%;}
.index4-factory .bod .fr li img{position:absolute; width:100%; height:100%; object-fit: cover;}

.factory1{width:100%; background:#07312f; margin-top:70px; padding:70px 0px;}
.factory1 .txt{text-align:center;}
.factory1 .txt h3{font-size:30px; color:#fff;}
.factory1 .txt p{height:2px; width:80px; margin:auto; background:#fff; margin-top:20px;}
.factory1 .bod{width:80%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:60px;}
.factory1 .bod dl{ width:31%; text-align:center; background:#FFF; border-radius:20px; padding:30px 0px;}
.factory1 .bod dl dt{ font-size:24px; font-weight:bold; color:#11877e;}
.factory1 .bod dl dd{ font-size:18px; margin-top:20px; font-weight:bold; margin-left:30px; margin-right:30px;}
.factory1 .bod dl p{ font-size:14px; margin-top:10px; margin-left:30px; margin-right:30px; line-height:24px;}

.factory2{width:100%; margin-top:70px;}
.factory2 .txt{text-align:center;}
.factory2 .txt h3{font-size:30px; color:#07312f;}
.factory2 .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.factory2 .bod{width:80%; margin:auto; display:flex; flex-wrap:wrap; margin-top:60px;}
.factory2 .bod dl{width:23.5%; margin-right:2%; margin-bottom:30px;}
.factory2 .bod dl:nth-child(4n){ margin-right:0px;}
.factory2 .bod dl dt{ position:relative; padding-bottom:70%;}
.factory2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}

.factory-evaluation{ width:100%; background:url(../images/inspection.jpg) no-repeat center bottom; padding:70px 0px;}
.factory-evaluation .txt{text-align:center;}
.factory-evaluation .txt h3{font-size:30px; color:#07312f;}
.factory-evaluation .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.factory-evaluation .bod{ width:80%; margin:auto; text-align:center; margin-top:50px; line-height:28px;}

.evaluation-process{width:80%; margin:auto; margin-top:70px;}
.evaluation-process .txt{text-align:left;}
.evaluation-process .txt h3{font-size:30px; color:#07312f;}
.evaluation-process .bod{margin-top:50px;}
.evaluation-process .bod dl{display: grid; grid-template-columns:auto 1fr; display:flex; flex-wrap:wrap; align-items:center; display: grid; grid-template-columns:auto 1fr;}
.evaluation-process .bod dl dt{margin-right:60px; background:url(../images/inspection-line.png) no-repeat center center; padding:25px 0px;}
.evaluation-process .bod dl dt img{width:120px;}
.evaluation-process .bod dl dd span{font-size:18px; font-weight:bold;}
.evaluation-process .bod dl dd p{ width:100%; font-size:16px; margin-top:15px; line-height:26px;}

.inspection-by-video{width:100%; background:url(../images/inspection-by-video.jpg) no-repeat center center; background-size:cover; margin-top:50px; margin-bottom:-20px;}
.inspection-by-video .item{width:100%; background:rgba(28,20,1,0.7); padding-top:80px; padding-bottom:90px;}
.inspection-by-video .item .txt{text-align:left; width:80%; margin:auto;}
.inspection-by-video .item .txt h3{font-size:30px; color:#fff;}
.inspection-by-video .item .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:80%; margin:auto; margin-top:30px;}
.inspection-by-video .item .bod dl{width:48.5%; display: grid; grid-template-columns:auto 1fr; display:flex; flex-wrap:wrap; align-items:center; display: grid; grid-template-columns:auto 1fr; background:rgba(0,0,0,0.4); margin-top:30px; padding:30px 0px;}
.inspection-by-video .item .bod dl dt{margin-left:30px; margin-right:30px;}
.inspection-by-video .item .bod dl dt img{width:120px;}
.inspection-by-video .item .bod dl dd{margin-right:30px; color:#FFF;}
.inspection-by-video .item .bod dl dd span{font-size:18px; font-weight:bold;}
.inspection-by-video .item .bod dl dd p{ margin-top:15px; line-height:26px; opacity:0.8;}

.team{width:80%; margin:auto; margin-top:80px; margin-bottom:80px;}
.team .txt{text-align:center;}
.team .txt h3{font-size:30px; color:#07312f;}
.team .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.team .txt dl{ margin-top:50px; line-height:30px;}
.team .design-team{width:100%; background: #07312F; margin-top:50px;}
.team .design-team .zoom {position:relative; display:block; overflow:hidden; width:100%; height:0; padding-bottom:70%;}
.team .design-team .zoom span{display:block; position:absolute; width:100%; height:100%; background-size:cover;}
.team .design-team ul{padding:0px;}
.team .design-team ul li{width:18%; position:relative; float:left; overflow:hidden;}
.team .design-team ul li.focus{width:64%;transition:All 0.8s ease; -webkit-transition:All 0.8s ease; -moz-transition:All 0.8s ease; -o-transition:All 0.8s ease;}
.team .design-team ul li .pic{position:relative;width:100%;float:left}
.team .design-team ul li .pic .zoom{padding-bottom:450px;}
.team .design-team ul li.focus .pic{width:40%;}
.team .design-team ul li .pic:after {position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: '';display: block;margin: 10px;border: 3px solid #13856F;filter: alpha(Opacity=0);-moz-opacity: 0;opacity: 0;}
.team .design-team ul li.focus .pic:after{filter:alpha(Opacity=90); -moz-opacity:0.9; opacity:0.9; transition:All 1.8s ease; -webkit-transition:All 1.8s ease; -moz-transition:All 1.8s ease;-o-transition:All 1.8s ease;}
.team .design-team ul li .text{background:#07312F;color: #fff;position: absolute;left:40%;top:0; bottom:0; right:0; padding: 30px;box-sizing: border-box;display: none;float: left;overflow: hidden}
.team .design-team ul li.focus .text{display:block;font-size:15px;line-height:1.8;transition:All 0.8s ease;-webkit-transition:All 0.8s ease;-moz-transition:All 0.8s ease;-o-transition:All 0.8s ease;}
.team .design-team ul li.focus .text dt{font-size:36px; display:flex; flex-wrap:wrap; align-items:center;}
.team .design-team ul li.focus .text dt span{margin-left:20px; font-size:16px; background:rgba(221,172,109,0.2); color:#ddac6d; border-radius:30px; border:#ddac6d 1px solid; padding:0px 20px;}
.team .design-team ul li.focus .text dd{ margin-top:50px; font-size:20px; margin-bottom:15px;}
.team .design-team ul li.focus .text p{ font-size:16px; line-height:26px;}

.team .design-team-wap{display:none;}

.design{width:80%; margin:auto; overflow:hidden; padding-top:70px;}
.design .item{margin-bottom:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.design .item .fl{ width:50%;}
.design .item .fr{ width:50%;}
.design .item ul li{ position:relative; padding-bottom:60%;}
.design .item ul li img{ position:absolute; width:100%; height:100%; object-fit:cover;}
.design .item dl{ margin:0px 40px;}
.design .item dl dt{ font-size:24px; font-weight:bold;}
.design .item dl dd{ margin-top:20px; line-height:28px;}

.caselist-txt{ overflow:hidden; width:80%; margin:auto; margin-top:70px;}
.caselist-txt .txt h1{text-align:center; font-size:30px;}
.caselist-txt .bod{display: flex; flex-wrap:wrap; justify-content:center; margin-top:40px;}
.caselist-txt .bod li{ font-size:16px; font-weight:normal; margin:0.5px; background:#fff;}
.caselist-txt .bod li a{padding:15px 30px; display:block;}

.caselist{overflow:hidden; width:100%; margin-top:60px; margin-bottom:0px;}
.caselist .bod{display: flex; flex-wrap:wrap; justify-content:center; width:80%; margin:auto;}
.caselist .bod li{ width:48.5%; margin-right:3%; margin-bottom:30px;}
.caselist .bod li:nth-child(2n){ margin-right:0;}
.caselist .bod .img-box{ position:relative; padding-bottom:60%;}
.caselist .bod .img-box img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.caselist .bod p{text-align:center; font-size:16px; font-weight:normal; background:#FFF; padding:25px;}

.productlist{ width:80%; margin:auto; margin-top:40px; margin-bottom:50px;}
.productlist .txt{ width:100%;}
.productlist .txt p{margin-bottom:10px; width:100%; font-size:24px;}
.productlist .txt p:hover{color:#1f6bd0;}
.productlist .txt .neirong{width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.productlist .txt .neirong h2{margin-right:20px; font-size:18px; border-right:#ccc 1px solid; padding-right:20px; line-height:16px; margin-top:15px;}
.productlist .txt .neirong h2:nth-child(1){ margin-left:0px; border-left:none; padding-left:0;}
.productlist .product-grid{ width:100%; display: flex; flex-wrap:wrap; margin-top:20px;}
.productlist .product-grid .product-card{width:32%; margin-right:2%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-top:30px;}
.productlist .product-grid .product-card:nth-child(3n){margin-right:0;}
.productlist .product-grid .product-card .img-box{position:relative; padding-bottom:100%; overflow:hidden;}
.productlist .product-grid .product-card .img-box img{position:absolute; width:100%; height:100%; transition: all 2s; object-fit: cover;}
.productlist .product-grid .product-card .product-title{width:90%; margin:auto; text-align:center; font-size:16px; margin-top:20px; margin-bottom:23px;}
.productlist .product-grid .product-card:hover .img-box img{transition: all 2s; transform: scale(1.1);}
.productlist .product-grid .product-card:hover .learn-more{background:#1f6bd0; color:#FFF; transition: all 0.5s;}

.productlist-active{background:#07312F; color:#FFF;}
.productlist-active img{filter:drop-shadow(#1f6bd0 0px 10000000px); transform: translateY(-10000000px);}

.divider{ width:100%; background:#FFF; overflow:hidden; height:140px;}

.product-ico{ width:1200px; margin:auto; margin-top:40px; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-ico .fl{ width:45%;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-ico .fl .game163 .bigImg li{border:1px solid #dcdddd; background:#FFF;}
.product-ico .fl .game163 .bigImg li figure{position:relative; padding-bottom:100%; }
.product-ico .fl .game163 .bigImg li figure img{ position:absolute;width:90%; height:90%; margin-left:5%; margin-top:5%;}
.product-ico .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev { width:6%;}
.product-ico .fl .game163 .sPrev img{ width:14px;}
.product-ico .fl .game163 .sNext{ width:6%;}
.product-ico .fl .game163 .sNext img{ width:14px;}
.product-ico .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-ico .fl .game163 .sNext:hover{ color:#5c1717;}
.product-ico .fl .game163 button{ outline:none; background:none; border:none;}
.product-ico .fl .game163 .smallImg{float:left;  display:inline; width:88%; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li figure{position:relative; padding-bottom:100%; margin:auto;}
.product-ico .fl .game163 .smallImg li figure img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:1px solid #ddd;}
.product-ico .fl .game163 .smallImg .on img{border:2px solid #0054a6;}
.product-ico .fr{ width:50%;}
.product-ico .fr .txt{ padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.product-ico .fr .txt h1{font-size:24px; color:#07312F;}
.product-ico .fr .txt h2{font-size:16px; margin-top:15px; font-weight:normal; border-bottom:#ddd 1px dashed; padding-bottom:20px;}
.product-ico .fr .txt .download-btn{margin-top:15px; display:flex;flex-wrap:wrap;align-items:center;}
.product-ico .fr .txt .download-btn span{font-size:16px;}
.product-ico .fr .txt .download-btn img{ width:18px; margin-left:10px;}
.product-ico .fr .anniu{ width:180px; height:40px; background:#07312F; color:#FFF; font-size:16px; line-height:40px; text-align:center; margin-top:20px; border-radius:5px;}

.product-biaoge{ margin-top:20px;}
.product-biaoge li{ font-size:16px; line-height:26px;}

.product{width:1200px; margin:auto; margin-top:50px;}
.product .txt{border-bottom:#ddd 1px solid;}
.product .txt dt{width:fit-content; background:#07312F; color:#FFF; padding:15px 40px; border-radius:5px 5px 0px 0px; font-size:16px; font-weight:bold;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product span{text-wrap:wrap !important;}
.product table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product table tr{ background:#fff !important;}
.product table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding:10px; text-align:left; white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
.product table tr td span{ background:inherit !important; color:inherit !important;}
.product table tr td p{ background:inherit !important; color:inherit !important;}
.product h6{ margin-bottom:10px; width:100%;}
.product h5{ margin-bottom:10px; width:100%;}
.product h4{ margin-bottom:40px; width:100%;}
.product h3{ margin-bottom:50px; width:100%;}
.product h2{ margin-bottom:50px; width:100%;}
.product h1{ margin-bottom:50px; width:100%;}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:6px 10px;background:#1f6bd0;border:#1f6bd0 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#1f6bd0; color:#fff; transition: all 0.5s; border:#1f6bd0 1px solid;}

.aboutus{width:80%; margin:auto; margin-top:70px; margin-bottom:50px;}
.aboutus .txt{text-align:center;}
.aboutus .txt h3{font-size:30px; color:#07312f;}
.aboutus .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.aboutus .bod{margin-top:50px; text-align: left;}
.aboutus .bod p{margin-bottom:15px; line-height:26px;}
.aboutus .bod img{ width:100%;}

.about-shuju{width:100%; overflow:hidden; background:url(../images/index-shuju.jpg) no-repeat center center; background-size:cover;}
.about-shuju .bod{background:rgba(0,0,0,0.5); overflow:hidden; padding:100px 0px;}
.about-shuju .bod .shuju{width:1200px; margin:auto; color:#fff; display: flex; flex-wrap:wrap; justify-content:center;}
.about-shuju .bod .shuju dl{width:360px; background:rgba(0,0,0,0.7); border:rgba(255,255,255,0.4) 1px solid; margin-top:-1px; margin-left:-1px; text-align:center; padding:40px 0px;}
.about-shuju .bod .shuju dl dt{font-size:48px; font-weight:bold; color:#13856f;}
.about-shuju .bod .shuju dl dt span{font-size:16px; color:#fff; margin-left:5px; font-weight:normal;}
.about-shuju .bod .shuju dl dd{margin-top:10px;}

.aboutus-wenan{width:100%; overflow:hidden; margin-top:100px;}
.aboutus-wenan dl{width:1200px; margin:auto;}
.aboutus-wenan dl dt{width:80px; margin:auto;}
.aboutus-wenan dl dt img{width:80px;}
.aboutus-wenan dl dd{margin-top:40px; text-align:center; font-size:24px; font-weight:bold; line-height:36px;}
.aboutus-wenan dl p{text-align:center; margin-top:40px; font-size:24px;}

.aboutus-service{width:100%; overflow:hidden; margin-top:100px; background:url(../images/aboutus-service.jpg) no-repeat center bottom; background-size:cover;}
.aboutus-service .item{background:rgba(255,255,255,0.7); width:100%; height:100%; margin-top:0px; margin-bottom:0px; padding:100px 0px;}
.aboutus-service .item .txt{text-align:center;}
.aboutus-service .item .txt h3{font-size:30px; color:#07312f;}
.aboutus-service .item .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.aboutus-service .item .bod{width:80%; margin:auto; margin-top:50px; background:rgba(17,135,126,0.8); display: flex; flex-wrap:wrap; justify-content:center;}
.aboutus-service .item .bod dl{width:32.5%; border-right:rgba(255,255,255,1) 1px solid; color:#FFF; padding:40px 0px;}
.aboutus-service .item .bod dl li{font-size:72px; color:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff; text-align:center;}
.aboutus-service .item .bod dl:nth-child(3){ border-right:none;}
.aboutus-service .item .bod dl dt{ margin-left:40px; margin-right:40px; font-size:24px; font-weight:bold; margin-top:15px;}
.aboutus-service .item .bod dl dd{ margin-left:40px; margin-right:40px; font-size:16; margin-top:25px;}
.aboutus-service .item .bod dl dd p{ margin-bottom:15px;}

.aboutus-culture{width:80%; margin:auto; margin-top:90px; margin-bottom:90px;}
.aboutus-culture .txt{text-align:center;}
.aboutus-culture .txt h3{font-size:30px; color:#07312f;}
.aboutus-culture .txt p{height:2px; width:80px; margin:auto; background:#07312f; margin-top:20px;}
.aboutus-culture .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:60px;}
.aboutus-culture .bod .fl{ width:50%;}
.aboutus-culture .bod .fl dl{ margin:40px 0px; border-left:#11877e 3px solid; padding-left:15px;}
.aboutus-culture .bod .fl dl dt{ font-size:20px; color:#11877e; font-weight:bold;}
.aboutus-culture .bod .fl dl dd{ margin-top:10px;}
.aboutus-culture .bod .fr{ width:45%;}
.aboutus-culture .bod .fr dt{ position:relative; padding-bottom:80%;}
.aboutus-culture .bod .fr dt img{width:100%; height:100%; position:absolute; object-fit: cover;}

.aboutus-video{width:100%; margin-top:80px; overflow:hidden;}
.aboutus-video .slider{width:100%;  min-width:980px;  height:564px;  position:relative; overflow:hidden; text-align:center;}
.aboutus-video .slider .bd{width:980px; position:absolute; left:50%; margin-left:-490px;}
.aboutus-video .slider .bd li{width:980px; height:564px; overflow:hidden; position:relative;}
.aboutus-video .slider .bd li video{display:block; width:940px; height:564px; margin-left:20px; position:absolute; background:#262626;}
.aboutus-video .slider .tempWrap{overflow:visible !important;}
.aboutus-video .slider .tempWrap ul{margin-left:-980px !important;}
.aboutus-video .slider .hd{position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:40px;  text-align:center;}
.aboutus-video .slider .hd li{display:inline-block; *display:inline; zoom:1; width:8px; height:8px; background:#FFF; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;}
.aboutus-video .slider .hd li.on{background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.aboutus-video .slider .pnBtn{position:absolute; z-index:1; top:120px; width:100%;  height:564px; cursor:pointer;}
.aboutus-video .slider .prev{left:-100%; margin-left:150px;}
.aboutus-video .slider .next{left:100%; margin-left:-150px;}
.aboutus-video .slider .pnBtn .arrow{display:none; position:absolute; top:0; z-index:1; width:60px; height:564px;}
.aboutus-video .slider .pnBtn .arrow:hover{filter:alpha(opacity=60); opacity:0.6;}
.aboutus-video .slider .prev .arrow{right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;}
.aboutus-video .slider .next .arrow{left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;}

.how-we-do-it{width:80%; margin:auto; margin-top:90px; margin-bottom:30px;}
.how-we-do-it .item{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:60px;}
.how-we-do-it .item1 .fl{width:70%;}
.how-we-do-it .item1 .fl li{ position:relative; padding-bottom:50%;}
.how-we-do-it .item1 .fl li img{ position:absolute; width:100%; height:100%; object-fit: cover; z-index:1;}
.how-we-do-it .item1 .fr{width:50%; margin-left:-20%; z-index:2; background:#FFF; box-shadow:0 5px 10px 5px rgba(200, 200, 200, 0.4)}
.how-we-do-it .item1 .fr dl{ margin:40px 50px;}
.how-we-do-it .item1 .fr dl dt{ font-size:22px; font-weight:bold;}
.how-we-do-it .item1 .fr dl dd{ font-size:16px; margin-top:20px; line-height:28px; margin-bottom:60px;}
.how-we-do-it .item2 .fl{width:50%; margin-right:-20%; z-index:2; background:#FFF; box-shadow:0 5px 10px 5px rgba(200, 200, 200, 0.4)}
.how-we-do-it .item2 .fl dl{ margin:40px 50px;}
.how-we-do-it .item2 .fl dl dt{ font-size:22px; font-weight:bold;}
.how-we-do-it .item2 .fl dl dd{ font-size:16px; margin-top:20px; line-height:28px; margin-bottom:60px;}
.how-we-do-it .item2 .fr{width:70%;}
.how-we-do-it .item2 .fr li{ position:relative; padding-bottom:50%;}
.how-we-do-it .item2 .fr li img{ position:absolute; width:100%; height:100%; object-fit: cover; z-index:1;}

.newslist{overflow:hidden; width:80%; margin:auto; margin-top:50px;}
.newslist .fl{width:75%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:50px;}
.newslist .fl .bod .item .neirong{width:55%; border-bottom:#eee 1px solid;}
.newslist .fl .bod .item .neirong h2{ font-size:22px;}
.newslist .fl .bod .item .neirong .data{ margin-top:15px; color:#999;}
.newslist .fl .bod .item .neirong .description{ font-size:16px; color:#666; margin-top:15px;}
.newslist .fl .bod .item .neirong .more{ margin-top:20px; width:120px; height:40px; line-height:40px;text-align:center; background:#1f6bd0; color:#fff; border:#1f6bd0 1px solid; border-radius:5px;}
.newslist .fl .bod .item .neirong .more:hover{background:#fff; color:#1f6bd0; border:#1f6bd0 1px solid;}
.newslist .fl .bod .item .tutu{width:40%;}
.newslist .fl .bod .item .tutu p{position: relative; padding-bottom:60%; overflow:hidden;}
.newslist .fl .bod .item .tutu p img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item .tutu p:hover img{transition: all 0.5s; transform: scale(1.03);}
.newslist .fr{ width:22%;}
.newslist .fr .txt{border-bottom:#eee 1px solid; padding-bottom:15px;}
.newslist .fr .txt span{margin-left:10px; font-size:20px;}
.newslist .fr .bod h3{font-size:20px; margin-top:20px;}
.newslist .fr .bod ul{}
.newslist .fr .bod ul li{color:#666; line-height:24px; border-bottom:#ddd 1px dashed; padding-top:20px; padding-bottom:20px;}
.newslist .fr .bod ul time{margin-top:10px; text-align:right; color:#999;}
.newslist .fr .logo{margin-top:50px;}
.newslist .fr .logo li img{width:100%;}
.newslist .fr .logo p{margin-top:50px; width:95%; background:#1f6bd0; color:#fff; border:#1f6bd0 1px solid; height:40px; line-height:40px; text-align:center;}
.newslist .fr .logo p:hover{background:#fff; color:#1f6bd0; border:#1f6bd0 1px solid;}

.news-detail{ overflow:hidden; padding-top:50px; width:1000px; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news-detail .article-wrapper{ width:1000px;}
.news-detail .article-header{padding-bottom:30; margin-bottom:30px; border-bottom:#ddd 1px dashed; padding-bottom:30px; width:100%;}
.news-detail .article-header h1{ font-size:36px; text-align:center; color:#07312F;}
.news-detail .article-header .meta-info{width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .date{text-align:center; margin-top:20px; color:#999; width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .summary{ font-size:16; text-align:center; font-weight:normal; color:#666; margin-top:20px;}
.news-detail .article-header .featured-image{width:600px; margin:auto; margin-top:30px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.news-detail .article-header .featured-image img{ margin:30px; width:540px;}
.news-detail .article-body{overflow:hidden;}
.news-detail .article-body img{width:100%; margin-bottom:40px;}
.news-detail .article-body p{ font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important;}
.news-detail .article-body span{text-wrap:wrap !important;}
.news-detail .post-navigation{ margin-bottom:40px; border-top:#CCC 1px dashed; width:100%; padding-top:30px;}
.news-detail .post-navigation .prev-post{ margin-bottom:15px;}

.message{ width:1200px; margin:auto; overflow:hidden; padding-top:90px; margin-bottom:60px;}
.message .txt{text-align:center;}
.message .txt dt{font-size:36px; color:#07312F; font-weight:bold;}
.message .txt p{margin-top:15px; font-size:16px; color:#999;}
.message form{ margin-top:60px;}
.message form .form-group{margin-bottom:20px; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form .form-group label{font-size:16px; width:100%; text-align:left; color:#787878;}
.message form .form-group label span{margin-right:5px; color:#ff9c00;}
.message form .form-group input{width:98%; padding-left:1%; height:35px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row{margin-bottom:20px; display:flex; flex-wrap:wrap; align-items:center;}
.message form .form-group-row label{font-size:16px; width:100%; margin-bottom:5px; color:#787878;}
.message form .form-group-row input{width:87%; border-radius:0px 5px 5px 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:35px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group-row input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row input:nth-child(2){width:10%; border-radius:5px 0px 0px 5px; margin-left:0px; height:35px;}
.message form .form-group input[name="products"] {color:#ff9c00 !important;}
.message form .form-group textarea{width:98% !important; padding-left:1%; height:100px !important; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px; outline:none;}
.message form .yanzhengma{display:flex; flex-wrap:wrap; align-items:center;}
.message form .yanzhengma input{width:300px; background:#fff; border-radius:5px; border:#ddd 1px solid; height:40px; font-size:14px; color:#aaa; outline:none; margin-right:5px; padding-left:12px;}
.message form .yanzhengma img{height:40px; border-radius:5px; margin-right:20px;}
.message form .yanzhengma button{ width:140px; height:40px; line-height:40px; background:#07312F; border:none; color:#fff; outline:none; border-radius:5px; font-size:16px;}

.contact{ width:100%; overflow:hidden;}
.contact .bod{display:flex; flex-wrap:wrap; width:80%; margin:auto; margin-top:50px;}
.contact .bod .fl{width:42%; margin-right:5%; margin-left:3%;}
.contact .bod .fl p{ margin-bottom:15px; line-height:26px;}
.contact .bod .fr{width:50%; display: flex; flex-wrap:wrap;}
.contact .bod .fr li{width:200px; margin-right:40px;}
.contact .bod .fr li img{width:200px;}

.contactus{width:80%; margin:auto; overflow:hidden; padding-top:90px; margin-bottom:30px; border-bottom:#e5e5e5 1px solid; padding-bottom:60px;}
.contactus .txt{text-align:center;}
.contactus .txt h3{font-size:30px; color:#07312f;}
.contactus .txt ul{display: flex; flex-wrap:wrap; justify-content:center; margin-top:40px;}
.contactus .txt ul li{width:50px; height:50px; border-radius:100%; border:#CCC 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0px 10px;}
.contactus .txt ul li img{width:20px; height:20px; filter:drop-shadow(#11877e 0px 10000000px); transform:translateY(-10000000px);}
.contactus .txt ul li:hover{border:#11877e 1px solid; background:#11877e;}
.contactus .txt ul li:hover img{filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:30px; padding-bottom:30px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center;}
.p-search form input{width:500px; height:50px; outline:none; border:#CCC 1px solid; border-radius:30px 0px 0px 30px; padding-left:30px; font-size:16px;}
.p-search form button{ width:140px; background:#07312F; border:#07312F 1px solid; height:52px; font-size:18px; color:#FFF; text-transform:uppercase; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{ opacity:0.8;}

}

@media only screen and (max-width:1200px){
.w90{width:90%; margin:auto;}

.translateSelectLanguage{ position:fixed; z-index:9999999; top:1.8rem; right:20%;}
select{outline:none !important; width:20% !important;}

.topNav{display:none;}
.navBar{display:none;}

.topbj-heng{display:none;}

.topbj{background:#fff; width: 100%; z-index:999; position:fixed; top:0rem; box-shadow: 0px 0.5rem 0.5rem 0px rgba(0, 0, 0, 0.1);}
.topbj .width{display:flex; flex-wrap:wrap; justify-content: space-between; height:3.5rem; width:94%; margin:auto; top:0px;}
.topbj .width .logo{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; height:3.5rem;}
.topbj .width .logo a{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:3.5rem;}
.topbj .width .logo a img{height:2.6rem; margin-top:0.2rem;}
.topbj .width .fr .friendly-links{display:none;}

.topbj .width .neirong{display:none;}

.navBar{display:none;}

.topbj #wap_logo_main{position: relative; height:3.5rem; display: block; position: absolute; top:0; right:1rem; z-index: 999; margin:auto;}
.topbj #wap_logo{position:relative; z-index: 99; background-color:rgba(255,255,255,0);}
.topbj #wap_logo .WebLogo{display: flex; align-items: center; max-height:3.5rem; }
.topbj #wap_logo .WebLogo .WebLogo{display:none;}
.topbj #wap_logo .WebLogo .languagebtn{display: flex; align-items: center; max-height:3.5rem;}
.topbj #wap_logo .WebLogo .shownavbtn{width:1.4rem; height:0.6rem; margin-top:1.4rem; border-top: 2px solid #07312F; border-bottom: 2px solid #07312F;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.topbj #wap_logo .WebLogo .shownavbtn:before{content:""; display: block; width: 100%; height: 2px; background:#07312F; }
.topbj #wap_logo .WebLogo img{max-height:1.8rem; display:block;margin-left: 15px;}

.topbj #wap_navigationshade {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 2003; background: rgba(0,0,0,.5); display: none; }
.topbj #wap_navigationshade:after,#wap_navigationshade:before{ content: ""; display:block; position:absolute; width:20px; height:2px; left:16%; margin-left:-40px;top:40px; background:#FFF;border-radius:3px;}
.topbj #wap_navigationshade:after{transform: rotate(45deg); }
.topbj #wap_navigationshade:before{transform: rotate(-45deg); }

.topbj .wap_navigationlist{position: fixed; right:-86%; top: 0; background: #FFF; overflow-y: scroll; width:86%; height: 100%; z-index: 999999999; }
.topbj .wap_navigationlist li{position: relative; } 
.topbj .wap_navigationlist li i.showmore{position: absolute; width:3rem; height: 50px; right: 0; top: 0; }
.topbj .wap_navigationlist li i.showmore:after,.wap_navigationlist li i.showmore:before{ content:''; display: block; background: #666; margin: auto; border-radius: 2px;position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 10px; height: 2px; }
.topbj .wap_navigationlist li i.showmore:before{width: 2px; height: 10px; }
.topbj .wap_navigationlist a{ position: relative; line-height: 50px; font-size:14px; color:#444; overflow:hidden; display:block; margin-left:1rem; }
.topbj .wap_navigationlist a.current{ color:#04a07b; }
.topbj .wap_navigationlist li.depth2 a{ text-indent: 30px; line-height: 35px; color: #555; }

.topbj .wap_subnavigationlist{ display: none; }
.topbj .wap_subnavigationlist a{ margin-left:2rem; line-height:1.6rem; margin-bottom:1rem;}

.topbj .wap_subnavigationlist .thirdwrap .depth3{ padding-left: 20px; height: 50px; display: flex; align-items: center; }
.topbj .wap_subnavigationlist .thirdwrap .depth3 a{ line-height: 1.4em; }

.topbj .seachwrap{ padding: 20px 1rem; }
.topbj .seachwrap form { max-width: 550px; background: #f5f5f5; border-radius: 50px; border: 1px solid #ddd; margin: 0 auto; overflow: hidden; display:flex; }
.topbj .seachwrap input{ margin: 0; border: 0; width:100%; line-height: 40px; height: 40px; outline: none; background: #f5f5f5; }
.topbj .seachwrap input.Keywords {float: left; padding-left:5%;}
.topbj .seachwrap input.btnSearch {float: right; opacity: .5; background: #f5f5f5;}
.topbj .seachwrap button{border:none; outline:none; background: #f5f5f5; padding-right:5%;}
.topbj .seachwrap button img{ width:1rem; filter:drop-shadow(#1f6bd0 0px 10000000px); transform:translateY(-10000000px);}

.fullSlide {width:100%;position: relative;height:40vh;background: #000;overflow: hidden;}
.fullSlide .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;height:100vh;}
.fullSlide .bd ul {width: 100% !important;}
.fullSlide .bd li {width: 100% !important;height:40vh;overflow: hidden;position: relative;}
.fullSlide .bd li img {width: 100%;height:40vh; object-fit:cover; display:block;}
.fullSlide .bd li a {display: block;width: 100%;height: 100%;}
.fullSlide .bd li .info{position:absolute; left:0; top:3.5rem; bottom:0; right:0; display:flex; flex-wrap:wrap; align-items:center;}
.fullSlide .bd li .info .item{width:90%; margin:auto; text-align:center;}
.fullSlide .bd li .info .item dt{font-size:1.4rem; color:#fff;}
.fullSlide .bd li .info .item dd{display:none;}
.fullSlide .hd {width: 100%;position: absolute;z-index: 1;bottom: 0;left: 0;height: 30px;line-height: 30px;text-align: center;}
.fullSlide .hd ul {text-align: center;padding-top: 5px;}
.fullSlide .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 8px;height: 8px;margin: 5px; background-color: #fff; border-radius: 50%; opacity: 0.5;overflow: hidden;line-height: 9999px;transition: all 0.3s ease;}
.fullSlide .hd ul li.on {background-color:#8bbb33; opacity: 1;transform: scale(1.2);}

.index1{width:90%; margin:auto; overflow:hidden; padding-top:1rem;}
.index1 .tit{text-align:center;}
.index1 .tit h3{font-size:1.4rem; color:#07312F;}
.index1 .tit p{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.index1 .foucebox {width:100%; height:80vh; margin-top:1.5rem;}
.index1 .foucebox .bd{position:relative;float:left;width:100%;height:70vh;overflow:hidden;}
.index1 .foucebox .showDiv {position:relative;width:100%;height:70vh;}
.index1 .foucebox .showDiv img {width:100%;height:100%; position:absolute; object-fit:cover;}
.index1 .foucebox .showDiv .foucebox_bg{position:absolute; left:0; bottom:0; right:0; top:0; background:rgba(0,0,0,0.5); z-index:8; overflow:hidden; color:#FFF; padding:1rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .foucebox .showDiv .foucebox_bg li{font-size:1.1rem; font-weight:bold;}
.index1 .foucebox .showDiv .foucebox_bg p{ margin-top:0.5rem; line-height:1.6rem;}
.index1 .foucebox .hd{width:100%; float:right; margin-top:1rem;}
.index1 .foucebox .hd ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.index1 .foucebox .hd ul li{width:49.5%; display:inline; position:relative; margin-bottom:1vw; background:#f5f5f5; padding-top:1.5rem; padding-bottom:1.5rem;}
.index1 .foucebox .hd ul li a{width:100%; height:100%; display:block; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.index1 .foucebox .hd ul li .txt{ text-align:center; width:90%; margin:auto;}
.index1 .foucebox .hd ul li .txt .title{ font-size:2.2rem; color:#f5f5f5; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #07312F;}
.index1 .foucebox .hd ul li .txt .bod{ margin-top:0.5rem; font-size:1rem; color:#07312F;}
.index1 .foucebox .hd ul li:hover .txt .title{-webkit-text-stroke: 1px #fff;}
.index1 .foucebox .hd ul li:hover .txt .bod{color:#FFF;}
.index1 .foucebox .hd ul li:hover, .index1 .foucebox .hd ul li.on{background:#07312F; color:#FFF;}
.index1 .foucebox .hd ul li.on .txt .title{color:#07312F; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff;}
.index1 .foucebox .hd ul li.on .txt .bod{color:#FFF;}

.index2{width:100%; overflow:hidden; margin-top:2rem;}
.index2 .txt{text-align:center;}
.index2 .txt h3{font-size:1.4rem; color:#07312F;}
.index2 .txt p{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.index2 .bod{width:90%; margin:auto; margin-top:1.5rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index2 .bod dl{width:48%; margin-right:4%; margin-bottom:1rem;}
.index2 .bod dl:nth-child(2n){margin-right:0px;}
.index2 .bod dl dt{position:relative; padding-bottom:100%;}
.index2 .bod dl dt img{position:absolute; width:100%; height:100%; object-fit:cover;}
.index2 .bod dl dd{margin-top:0.8rem; text-align:center;}
.index2 .more{width:10rem; margin:auto; margin-top:1rem; height:2.5rem; background:#07312f; color:#FFF; line-height:2.5rem; text-align:center; border-radius:3rem;}

.index3{width:100%; margin-top:2rem; overflow:hidden; background:#07312f; padding-bottom:2rem;}
.index3 .txt{text-align:center; margin-top:2rem;}
.index3 .txt h3{font-size:1.4rem; color:#fff;}
.index3 .txt p{height:2px; width:3rem; margin:auto; background:#fff; margin-top:1rem;}
.index3 .slider{width:90vw; min-width:90vw; height:54vw;  position:relative; overflow:hidden; text-align:center; margin:auto; margin-top:1.5rem;}
.index3 .slider .bd{width:90vw; position:absolute; left:50%; margin-left:-45vw;}
.index3 .slider .bd li{width:90vw; height:54vw; overflow:hidden; position:relative;}
.index3 .slider .bd li img{display:block; width:100%; height:50vw; position:absolute;}
.index3 .slider .bd li .info{ position:absolute; width:100%; bottom:2rem; font-size:20px; color:#FFF;}
.index3 .slider .tempWrap{overflow:visible !important;}
.index3 .slider .tempWrap ul{margin-left:-90vw !important;}
.index3 .slider .hd{position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:1.5rem;  text-align:center;}
.index3 .slider .hd li{display:inline-block; *display:inline; zoom:1; width:8px; height:8px; background:#FFF; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;}
.index3 .slider .hd li.on{background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.index3 .slider .pnBtn{position:absolute; z-index:1; top:25vw; width:90vw; height:54vw; cursor:pointer;}
.index3 .slider .prev{left:0; margin-left:1rem;}
.index3 .slider .next{left:100%; margin-left:-150px;}
.index3 .slider .pnBtn .arrow{display:none; position:absolute; top:0; z-index:1; width:60px; height:564px;}
.index3 .slider .pnBtn .arrow:hover{filter:alpha(opacity=60); opacity:0.6;}
.index3 .slider .prev .arrow{right:0; background:url(../images/slider-arrow.png) -120px 0 no-repeat;}
.index3 .slider .next .arrow{left:0; background:url(../images/slider-arrow.png) 0 0 no-repeat;}
.index3 .more{width:10rem; margin:auto; height:2.5rem; background:#07312f; color:#FFF; line-height:2.5rem; text-align:center; border-radius:3rem; border:#FFF 1px solid; margin-top:1rem;}

.index4{width:100%; margin-top:2rem; overflow:hidden;}
.index4 .bod{width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:auto;}
.index4 .bod .fl{width:100%;}
.index4 .bod .fl dl .title{font-size:1.4rem; text-transform:uppercase; color:#07312F; font-weight:bold; text-align:center;}
.index4 .bod .fl dl .line{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.index4 .bod .fl dl .neirong{ margin-top:1rem;}
.index4 .bod .fl dl .neirong p{margin-bottom:1rem; line-height:1.6rem;}
.index4 .bod .fl dl .more{ width:fit-content; border-bottom:#13856F 1px solid; padding-bottom:0.5rem; color:#13856F;}
.index4 .bod .fl dl .shuju{margin-top:1.5rem; display:flex; flex-wrap:wrap;}
.index4 .bod .fl dl .shuju dl{ width:100%; border:#13856f 1px solid; text-align:center; padding:1rem 0px; margin-top:-1px;}
.index4 .bod .fl dl .shuju dl dt{font-size:1.8rem; font-weight:bold; color:#13856f;}
.index4 .bod .fl dl .shuju dl dt span{font-size:16px; color:#666; margin-left:5px;}
.index4 .bod .fl dl .shuju dl dd{margin-top:0.3rem; color:#666;}
.index4 .bod .fr{width:100%; margin-top:1.5rem;}
.index4 .bod .fr li{position:relative; padding-bottom:80%;}
.index4 .bod .fr li img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .item{width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-left:5%; margin-right:5%; margin-top:1.5rem;}
.index4 .item dl{width:100%; margin-bottom:1rem;}
.index4 .item dl dt{position:relative; padding-bottom:50%;}
.index4 .item dl dt img{position:absolute; width:100%; height:100%; object-fit: cover;}
.index4 .item dl dt .info{position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.5); color:#FFF; font-size:30px; text-transform:uppercase;}

.index5{width:100%; overflow:hidden; margin-top:2rem;}
.index5 .txt{text-align:center;}
.index5 .txt h3{font-size:1.4rem; color:#07312F;}
.index5 .txt p{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.ladyScroll{width:90%; margin:auto; overflow:hidden;}
.ladyScroll .scrollWrap{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:1.5rem;}
.ladyScroll .scrollWrap .prev{width:5%;height:22px;font-size:36px; text-align:center; margin-bottom:20px;}
.ladyScroll .scrollWrap .prev img{width:14px; height:22px;}
.ladyScroll .scrollWrap .next{width:5%;height:22px;font-size:36px; text-align:center; margin-bottom:20px;}
.ladyScroll .scrollWrap .next img{width:14px; height:22px;}
.ladyScroll .scrollWrap .dlList{width:90%;}
.ladyScroll .scrollWrap .dlList dl{float:left;width:100%; text-align:center;}
.ladyScroll .scrollWrap .dlList dl dt{font-size:1.1rem; line-height:1.6rem; font-weight:bold;}
.ladyScroll .scrollWrap .dlList dl dd{ margin-top:1.5rem; font-size:1rem; font-weight:bold; color:#07312f;}
.ladyScroll .scrollWrap .dlList dl p{ margin-top:1.5rem; font-size:1rem; color:#666;}

.index6{width:100%; overflow:hidden; margin-top:2rem; background:#07312f; padding-top:2rem; padding-bottom:2rem;}
.index6 .txt{text-align:center;}
.index6 .txt h3{font-size:1.4rem; color:#FFF;}
.index6 .txt p{height:2px; width:3rem; margin:auto; background:#fff; margin-top:1rem;}
.index6 .picScroll{width:90%; margin:auto; margin-top:2rem;}
.index6 .picScroll .bd{}
.index6 .picScroll .bd .zuoyou{display:flex; flex-wrap:wrap; justify-content:center;}
.index6 .picScroll .prev,.picScroll .next{ margin-left:10px; margin-right:10px;}
.index6 .picScroll .prev img,.picScroll .next img{display:block;width:14px;z-index:9;overflow:hidden;margin-top:1.5rem; filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}
.index6 .picScroll ul{overflow:hidden; zoom:1; display:flex; flex-wrap:wrap; justify-content:center;}
.index6 .picScroll li{width:40vw; margin:0px 2.5vw; display:inline; }
.index6 .picScroll li p{position:relative; padding-bottom:140%;}
.index6 .picScroll li p img{ position:absolute; width:100%; height:100%;}

.index7{width:100%; overflow:hidden; margin-top:2rem; margin-bottom:2rem;}
.index7 .txt{text-align:center;}
.index7 .txt h3{font-size:1.4rem; color:#07312F;}
.index7 .txt p{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.index7 .notice{width:90%; margin:auto; overflow:hidden; margin-top:1.5rem;}
.index7 .notice .tab-hd {}
.index7 .notice .tab-hd ul {display:flex; flex-wrap:wrap; justify-content:center;}
.index7 .notice .tab-hd li{float:left; margin-left:0.2rem; margin-right:0.2rem; width:fit-content; border:#ddd 1px solid; border-radius:3rem; padding-top:0.6rem; padding-bottom:0.6rem; padding-left:20px; padding-right:20px;}
.index7 .notice .tab-hd li:hover{color:#11877e;}
.index7 .notice .tab-hd li.on{color:#11877e;}
.index7 .notice .tab-bd{margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:space-between;}
.index7 .notice .tab-bd .fl{width:100%;}
.index7 .notice .tab-bd .fl .ico{width:100%;}
.index7 .notice .tab-bd .fl .ico dt{position:relative; padding-bottom:51.5%; width:100%;}
.index7 .notice .tab-bd .fl .ico dt img{position:absolute; width:100%; height:100%; object-fit:cover;}
.index7 .notice .tab-bd .fl .ico dd{margin-top:1rem; font-size:1rem; font-weight:bold; line-height:1.5rem;}
.index7 .notice .tab-bd .fl .ico p{margin-top:0.7rem; font-size:1rem; color:#666; line-height:1.6rem;}
.index7 .notice .tab-bd .fr{width:100%; margin-top:2rem; border-top:#ddd 1px solid; padding-top:2rem;}
.index7 .notice .tab-bd .fr dl{margin-bottom:1.5rem; border-bottom:#eee 1px solid; padding-bottom:1.5rem;}
.index7 .notice .tab-bd .fr dl dt{font-size:1rem; font-weight:bold; line-height:1.6rem;}
.index7 .notice .tab-bd .fr dl dd{margin-top:10px; line-height:26px; color:#666;}
.index7 .more{width:10rem; margin:auto; height:2.5rem; background:#07312f; color:#FFF; line-height:2.5rem; text-align:center; border-radius:3rem; border:#FFF 1px solid; margin-top:0.5rem;}

.index8{width:100%; overflow:hidden; background:#f5f5f5; padding-top:2rem; margin-bottom:-20px;}
.index8 .txt{text-align:center;}
.index8 .txt h3{font-size:1.4rem; color:#07312F;}
.index8 .txt p{height:2px; width:3rem; margin:auto; background:#13856F; margin-top:1rem;}
.index8 .bod{width:90%; display:flex; flex-wrap:wrap; justify-content:center; margin:auto; margin-top:2rem; margin-bottom:2rem;}
.index8 .bod dl{width:49%; border:#ddd 1px solid; margin-left:-1px; margin-top:-1px; background:#FFF;display:flex; flex-wrap:wrap; justify-content:center;}
.index8 .bod dl dt img{ width:100%;}

.index9{width:90%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto; margin-top:2rem; margin-bottom:1rem;}
.index9 .item1{width:100%; margin-top:2rem; border-bottom:#eee 1px solid; padding-bottom:2rem; margin-bottom:2rem;}
.index9 .item1 .title{font-size:1.1rem; font-weight:bold;}
.index9 .item1 .bod{margin-top:1rem; line-height:1.6rem;}
.index9 .item1 .lianxi{margin-top:1rem;}
.index9 .item1 .lianxi li{display: grid; grid-template-columns:auto 1fr; display:flex; flex-wrap:wrap; align-items:center; margin-bottom:0.7rem;}
.index9 .item1 .lianxi li img{ width:1rem; margin-right:0.5rem;}
.index9 .item1 .lianxi li span{ font-size:1rem;}
.index9 .item1 .more{width:10rem; height:2.5rem; background:#07312f; color:#FFF; line-height:2.5rem; text-align:center; border-radius:3rem; border:#FFF 1px solid; margin-top:1rem;}
.index9 .item2{width:100%; border-bottom:#eee 1px solid; padding-bottom:2rem; margin-bottom:2rem;}
.index9 .item2 .title{font-size:1.1rem; font-weight:bold;}
.index9 .item2 .bod{width:100%; display:flex; flex-wrap:wrap; margin-top:1rem;}
.index9 .item2 .bod dl{width:2.5rem; height:2.5rem; border-radius:100%; border:#CCC 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-right:0.5rem;}
.index9 .item2 .bod dl dt{width:1rem; height:1rem;}
.index9 .item2 .bod dl dt img{width:1rem; height:1rem; filter:drop-shadow(#11877e 0px 10000000px); transform:translateY(-10000000px);}
.index9 .item2 .bod dl:hover{border:#11877e 1px solid; background:#11877e;}
.index9 .item2 .bod dl:hover dt img{filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}
.index9 .item3{width:100%;}
.index9 .item3 .title{font-size:1.1rem; font-weight:bold; width:100%;}
.index9 .item3 .bod{margin-top:1rem; line-height:1.6rem;}
.index9 .item3 form{margin-top:1rem;}
.index9 .item3 form input{width:100%; margin-bottom:0.5rem; height:2.5rem; border-radius:2rem; border:#ddd 1px solid; outline:none;}
.index9 .item3 form li{display:flex; flex-wrap:wrap; align-items:center;}
.index9 .item3 form li input{width:50% !important; margin-bottom:0px;}
.index9 .item3 form li img{ margin-left:0.5rem; height:2.5rem;}
.index9 .item3 form button{width:100%; height:2.5rem; background:#07312f; color:#FFF; line-height:2.5rem; text-align:center; border-radius:60px; border:#FFF 1px solid; margin-top:0.5rem; font-size:16px;}

.foot{overflow:hidden; width:100%; background:#07312f; padding-top:2rem;}
.foot .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; color:#FFF; overflow:hidden;}
.foot .bod dl{width:45%; margin-bottom:2rem;}
.foot .bod dl dt{font-size:1rem; font-weight:bold;}
.foot .bod dl p{ width:2rem; height:1px; background:#FFF; margin-top:1rem; margin-bottom:1rem;}
.foot .bod dl dd{margin-top:10px; font-size:14px;}
.foot .bod dl:nth-child(5){width:100%; margin-bottom:0rem;}
.foot .bod1{width:100%; border-top:rgba(255,255,255,0.2) 1px solid; margin-top:2rem;}
.foot .bod1 dl{width:90%; margin:auto; padding:1rem 0px; color:#FFF; line-height:1.6rem;}

.ny-banner{width:100%;overflow: hidden;}
.ny-banner li{position:relative; height:60vw;}
.ny-banner li img{position:absolute; width:100%; height:100%; object-fit:cover;}
.ny-banner li .info{ position:absolute; left:0; right:0; bottom:0; top:3.5rem; font-size:1.2rem; font-weight:bold; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#FFF;} 
.breadcrumb{width:90%; margin:auto; background:#fff; box-shadow:0 2px 5px 3px rgba(0, 0, 0, 0.1); margin-top:-30px; position:relative;}
.breadcrumb .container{width:100%; padding:1rem 0.5rem;}

.index4-factory{width:100%; margin-top:2rem; overflow:hidden;}
.index4-factory .bod{width:90%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:auto;}
.index4-factory .bod .fl{width:100%;}
.index4-factory .bod .fl dl .title{font-size:1.2rem; text-transform:uppercase; color:#07312F; font-weight:bold;}
.index4-factory .bod .fl dl .line{height:2px; width:3rem; background:#13856F; margin-top:1rem;}
.index4-factory .bod .fl dl .neirong{ margin-top:1rem;}
.index4-factory .bod .fl dl .neirong p{margin-bottom:1rem; line-height:1.6rem; font-size:1rem;}
.index4-factory .bod .fl dl .more{ width:fit-content; border-bottom:#13856F 1px solid; padding-bottom:5px; color:#13856F;}
.index4-factory .bod .fl dl .shuju{margin-top:50px; display:flex; flex-wrap:wrap;}
.index4-factory .bod .fl dl .shuju dl{width:24%; border:#13856f 1px solid; margin-right:-1px; text-align:center; padding:30px 0px;}
.index4-factory .bod .fl dl .shuju dl dt{font-size:30px; color:#13856f;}
.index4-factory .bod .fl dl .shuju dl dt span{font-size:16px; color:#666; margin-left:5px;}
.index4-factory .bod .fl dl .shuju dl dd{margin-top:10px;}
.index4-factory .bod .fr{width:100%;}
.index4-factory .bod .fr li{position:relative; padding-bottom:80%;}
.index4-factory .bod .fr li img{position:absolute; width:100%; height:100%; object-fit: cover;}

.factory1{width:100%; background:#07312f; margin-top:2rem; padding:2rem 0px;}
.factory1 .txt{text-align:center;}
.factory1 .txt h3{font-size:1.4rem; color:#fff;}
.factory1 .txt p{height:2px; width:3rem; margin:auto; background:#fff; margin-top:1rem;}
.factory1 .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5rem;}
.factory1 .bod dl{width:100%; text-align:center; background:#FFF; border-radius:20px; padding:1.5rem 0px; margin-bottom:1rem;}
.factory1 .bod dl dt{font-size:1.2rem; font-weight:bold; color:#11877e;}
.factory1 .bod dl dd{font-size:1rem; margin-top:0.7rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.factory1 .bod dl p{font-size:0.9rem; margin-top:0.7rem; margin-left:1rem; margin-right:1rem; line-height:1.6rem;}

.factory2{width:100%; margin-top:2rem;}
.factory2 .txt{text-align:center;}
.factory2 .txt h3{font-size:1.4rem; color:#07312f;}
.factory2 .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.factory2 .bod{width:90%; margin:auto; display:flex; flex-wrap:wrap; margin-top:1.5rem;}
.factory2 .bod dl{width:48%; margin-right:4%; margin-bottom:1rem;}
.factory2 .bod dl:nth-child(2n){ margin-right:0px;}
.factory2 .bod dl dt{ position:relative; padding-bottom:70%;}
.factory2 .bod dl dt img{ position:absolute; width:100%; height:100%; object-fit: cover;}

.factory-evaluation{ width:100%; background:url(../images/inspection.jpg) no-repeat center bottom; padding:2rem 0px; background-size:cover;}
.factory-evaluation .txt{text-align:center;}
.factory-evaluation .txt h3{font-size:1.4rem; color:#07312f;}
.factory-evaluation .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.factory-evaluation .bod{ width:90%; margin:auto; text-align:center; margin-top:1.5rem; line-height:1.6rem;}

.evaluation-process{width:90%; margin:auto; margin-top:2rem;}
.evaluation-process .txt{text-align:left;}
.evaluation-process .txt h3{font-size:1.4rem; color:#07312f;}
.evaluation-process .bod{margin-top:2rem;}
.evaluation-process .bod dl{display: grid; grid-template-columns:auto 1fr; display: grid; grid-template-columns:auto 1fr; margin-bottom:2rem;}
.evaluation-process .bod dl dt{margin-right:1rem;}
.evaluation-process .bod dl dt img{width:3rem;}
.evaluation-process .bod dl dd span{font-size:1rem; font-weight:bold;}
.evaluation-process .bod dl dd p{ width:100%; font-size:1rem; margin-top:0.7rem; line-height:1.6rem;}

.inspection-by-video{width:100%; background:url(../images/inspection-by-video.jpg) no-repeat center center; background-size:cover; margin-top:2rem; margin-bottom:-20px;}
.inspection-by-video .item{width:100%; background:rgba(28,20,1,0.7); padding-top:2rem; padding-bottom:2rem;}
.inspection-by-video .item .txt{text-align:left; width:90%; margin:auto;}
.inspection-by-video .item .txt h3{font-size:1.4rem; color:#fff;}
.inspection-by-video .item .bod{display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.inspection-by-video .item .bod dl{width:100%; display: grid; grid-template-columns:auto 1fr; background:rgba(0,0,0,0.4); margin-top:1.5rem; padding:30px 0px;}
.inspection-by-video .item .bod dl dt{margin-left:1rem; margin-right:1rem;}
.inspection-by-video .item .bod dl dt img{width:3rem;}
.inspection-by-video .item .bod dl dd{margin-right:1rem; color:#FFF;}
.inspection-by-video .item .bod dl dd span{font-size:1rem; font-weight:bold;}
.inspection-by-video .item .bod dl dd p{ margin-top:0.7rem; font-size:1rem; line-height:1.6rem; opacity:0.8;}

.team{width:90%; margin:auto; margin-top:2rem; margin-bottom:0.5rem;}
.team .txt{text-align:center;}
.team .txt h3{font-size:1.4rem; color:#07312f;}
.team .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.team .txt dl{ margin-top:1.5rem; line-height:1.6rem;}
.team .design-team{ display:none;}
.team .design-team-wap{width:100%; margin-top:1.5rem; overflow:hidden;}
.team .design-team-wap .bod{overflow:hidden; margin-bottom:1.5rem;}
.team .design-team-wap .bod .pic{position:relative; padding-bottom:100%;}
.team .design-team-wap .bod .pic img{position:absolute; width:100%; height:100%; object-fit: cover;}
.team .design-team-wap .bod .text{background:#07312F; color: #fff; }
.team .design-team-wap .bod .text dl{ padding:1.5rem;}
.team .design-team-wap .bod .text dl dt{font-size:1.4rem; display:flex; flex-wrap:wrap; align-items:center;}
.team .design-team-wap .bod .text dl dt span{margin-left:1rem; font-size:1rem; background:rgba(221,172,109,0.2); color:#ddac6d; border-radius:2rem; border:#ddac6d 1px solid; padding:0px 1rem;}
.team .design-team-wap .bod .text dl dd{margin-top:1rem; font-size:1.1rem; margin-bottom:0.7rem;}
.team .design-team-wap .bod .text dl p{font-size:1rem; line-height:1.6rem; opacity:0.7;}

.design{width:90%; margin:auto; overflow:hidden; padding-top:0;}
.design .item{margin-bottom:1.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:#eee 1px solid; padding-bottom:1.5rem;}
.design .item .fl{ width:100%;}
.design .item .fr{ width:100%; margin-top:1rem;}
.design .item ul li{ position:relative; padding-bottom:60%;}
.design .item ul li img{ position:absolute; width:100%; height:100%; object-fit:cover;}
.design .item dl{ margin:0px;}
.design .item dl dt{ font-size:1.2rem; font-weight:bold;}
.design .item dl dd{ margin-top:1rem; line-height:1.6rem;}

.caselist-txt{ overflow:hidden; width:90%; margin:auto; margin-top:2rem;}
.caselist-txt .txt h1{text-align:center; font-size:1.4rem;}
.caselist-txt .bod{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top:1.5rem;}
.caselist-txt .bod li{font-size:1rem; font-weight:normal; background:#fff; width:49%; margin-bottom:2vw;}
.caselist-txt .bod li a{padding:0.7rem; display:block; text-align:center;}

.caselist{overflow:hidden; width:100%; margin-top:1.5rem; margin-bottom:0px;}
.caselist .bod{display: flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:auto;}
.caselist .bod li{ width:100%; margin-bottom:3vw;}
.caselist .bod .img-box{ position:relative; padding-bottom:60%;}
.caselist .bod .img-box img{ position:absolute; width:100%; height:100%; object-fit: cover;}
.caselist .bod p{text-align:center; font-size:1rem; font-weight:normal; background:#FFF; padding:1rem 0rem;}

.productlist-active{background:#07312F; color:#FFF;}
.productlist-active img{filter:drop-shadow(#1f6bd0 0px 10000000px); transform: translateY(-10000000px);}

.aboutus{width:90%; margin:auto; margin-top:2rem; margin-bottom:1rem;}
.aboutus .txt{text-align:center;}
.aboutus .txt h3{font-size:1.4rem; color:#07312f;}
.aboutus .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.aboutus .bod{margin-top:1.5rem; text-align: left;}
.aboutus .bod p{margin-bottom:0.7rem; line-height:1.6rem;}
.aboutus .bod img{width:100%;}

.about-shuju{width:100%; overflow:hidden; background:url(../images/index-shuju.jpg) no-repeat center center; background-size:cover;}
.about-shuju .bod{background:rgba(0,0,0,0.5); overflow:hidden; padding:2rem 0px;}
.about-shuju .bod .shuju{width:90%; margin:auto; color:#fff; display: flex; flex-wrap:wrap; justify-content:center;}
.about-shuju .bod .shuju dl{width:100%; background:rgba(0,0,0,0.7); border:rgba(255,255,255,0.4) 1px solid; margin-top:-1px; margin-left:-1px; text-align:center; padding:1.5rem 0px;}
.about-shuju .bod .shuju dl dt{font-size:2rem; font-weight:bold; color:#13856f;}
.about-shuju .bod .shuju dl dt span{font-size:1rem; color:#fff; margin-left:0.5rem; font-weight:normal;}
.about-shuju .bod .shuju dl dd{margin-top:0.5rem;}

.aboutus-wenan{width:100%; overflow:hidden; margin-top:2rem;}
.aboutus-wenan dl{width:90%; margin:auto;}
.aboutus-wenan dl dt{width:4rem; margin:auto;}
.aboutus-wenan dl dt img{width:4rem;}
.aboutus-wenan dl dd{margin-top:1rem; text-align:center; font-size:1.2rem; font-weight:bold; line-height:1.8rem;}
.aboutus-wenan dl p{text-align:center; margin-top:1.5rem; font-size:1.1rem;}

.aboutus-service{width:100%; overflow:hidden; margin-top:2rem; background:url(../images/aboutus-service.jpg) no-repeat center bottom; background-size:cover;}
.aboutus-service .item{background:rgba(255,255,255,0.7); width:100%; height:100%; margin-top:0px; margin-bottom:0px; padding:2rem 0px;}
.aboutus-service .item .txt{text-align:center;}
.aboutus-service .item .txt h3{font-size:1.4rem; color:#07312f;}
.aboutus-service .item .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.aboutus-service .item .bod{width:90%; margin:auto; margin-top:1.5rem; background:rgba(17,135,126,0.8); display: flex; flex-wrap:wrap; justify-content:center;}
.aboutus-service .item .bod dl{width:100%; border-bottom:rgba(255,255,255,1) 1px solid; color:#FFF; padding:1.5rem 0px;}
.aboutus-service .item .bod dl li{font-size:2.4rem; color:#fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff; text-align:center;}
.aboutus-service .item .bod dl:nth-child(3){ border-right:none;}
.aboutus-service .item .bod dl dt{margin-left:1rem; margin-right:1rem; font-size:1.2rem; font-weight:bold; margin-top:1rem;}
.aboutus-service .item .bod dl dd{margin-left:1rem; margin-right:1rem; font-size:1rem; margin-top:1rem;}
.aboutus-service .item .bod dl dd p{margin-bottom:0.7rem;}

.aboutus-culture{width:90%; margin:auto; margin-top:2rem; margin-bottom:0rem;}
.aboutus-culture .txt{text-align:center;}
.aboutus-culture .txt h3{font-size:1.4rem; color:#07312f;}
.aboutus-culture .txt p{height:2px; width:3rem; margin:auto; background:#07312f; margin-top:1rem;}
.aboutus-culture .bod{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:1.5rem;}
.aboutus-culture .bod .fl{ width:100%;}
.aboutus-culture .bod .fl dl{border-left:#11877e 3px solid; padding-left:0.5rem; margin-bottom:1.5rem;}
.aboutus-culture .bod .fl dl dt{ font-size:1.1rem; color:#11877e; font-weight:bold;}
.aboutus-culture .bod .fl dl dd{ margin-top:0.5rem; font-size:0.9rem;}
.aboutus-culture .bod .fr{ width:100%;}
.aboutus-culture .bod .fr dt{position:relative; padding-bottom:70%;}
.aboutus-culture .bod .fr dt img{width:100%; height:100%; position:absolute; object-fit: cover;}

.aboutus-video{width:100%; margin-top:2rem; overflow:hidden; margin-bottom:1rem;}
.aboutus-video .slider{width:90vw; min-width:90vw; height:54vw;  position:relative; overflow:hidden; text-align:center; margin:auto;}
.aboutus-video .slider .bd{width:90vw; position:absolute; left:50%; margin-left:-45vw;}
.aboutus-video .slider .bd li{width:90vw; height:54vw; overflow:hidden; position:relative;}
.aboutus-video .slider .bd li video{display:block; width:90vw; height:54vw; position:absolute; background:#262626;}
.aboutus-video .slider .tempWrap{overflow:visible !important;}
.aboutus-video .slider .tempWrap ul{margin-left:-90vw !important;}
.aboutus-video .slider .hd{position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:1.5rem;  text-align:center;}
.aboutus-video .slider .hd li{display:inline-block; *display:inline; zoom:1; width:8px; height:8px; background:#FFF; margin:0 5px; cursor:pointer; filter:alpha(opacity=60); opacity:0.6;}
.aboutus-video .slider .hd li.on{background-position:0 0; filter:alpha(opacity=100);opacity:1;}
.aboutus-video .slider .pnBtn{ display:none;}

.how-we-do-it{width:90%; margin:auto; margin-top:2rem; margin-bottom:0rem;}
.how-we-do-it .item{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:1.5rem;}
.how-we-do-it .item1 .fl{width:100%;}
.how-we-do-it .item1 .fl li{ position:relative; padding-bottom:50%;}
.how-we-do-it .item1 .fl li img{ position:absolute; width:100%; height:100%; object-fit: cover; z-index:1;}
.how-we-do-it .item1 .fr{width:86%; margin:auto; margin-top:-15vw; z-index:2; background:#FFF; box-shadow:0 5px 10px 5px rgba(200, 200, 200, 0.4)}
.how-we-do-it .item1 .fr dl{ margin:1.5rem;}
.how-we-do-it .item1 .fr dl dt{ font-size:1.2rem; font-weight:bold;}
.how-we-do-it .item1 .fr dl dd{ font-size:1rem; margin-top:1rem; line-height:1.6rem;}
.how-we-do-it .item2 .fl{width:86%; margin:auto; margin-bottom:-15vw; z-index:2; background:#FFF; box-shadow:0 5px 10px 5px rgba(200, 200, 200, 0.4)}
.how-we-do-it .item2 .fl dl{ margin:1.5rem;}
.how-we-do-it .item2 .fl dl dt{ font-size:1.2rem; font-weight:bold;}
.how-we-do-it .item2 .fl dl dd{ font-size:1rem; margin-top:1rem; line-height:1.6rem;}
.how-we-do-it .item2 .fr{width:100%;}
.how-we-do-it .item2 .fr li{ position:relative; padding-bottom:50%;}
.how-we-do-it .item2 .fr li img{ position:absolute; width:100%; height:100%; object-fit: cover; z-index:1;}

.productlist{ width:90%; margin:auto; margin-top:1rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.productlist .txt{ width:100%;}
.productlist .txt p{margin-bottom:10px; width:100%; font-size:1.2rem;}
.productlist .txt p:hover{color:#1f6bd0;}
.productlist .txt .neirong{width:100%; display: flex; flex-wrap:wrap;}
.productlist .txt .neirong h2{font-size:1rem; width:92%; border:#ddd 1px solid; padding-left:4%; line-height:1.2rem; margin-top:0.2rem; padding-right:4%; padding-top:0.5rem; padding-bottom:0.5rem;}
.productlist .product-grid{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem}
.productlist .product-grid .product-card{width:48%; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); transition: all 0.5s; margin-bottom:1rem;}
.productlist .product-grid .product-card .img-box{ position:relative; padding-bottom:100%;}
.productlist .product-grid .product-card .img-box img{ position:absolute; width:100%; height:100%; transition: all 2s;}
.productlist .product-grid .product-card .product-title{width:100%; margin:auto; text-align:center; font-size:0.9rem; margin-top:1rem; margin-bottom:1rem; line-height:1.4rem;}
.productlist .product-grid .product-card .learn-more{background:#1f6bd0; width:10rem; margin:auto; margin-bottom:1rem; padding:0.5rem 0px; color:#FFF; transition: all 0.5s;display:flex; flex-wrap:wrap; justify-content:center;}
.productlist .product-grid .product-card:hover{ background:#1f6bd0; color:#FFF; transition: all 0.5s; margin-top:-20px;}
.productlist .product-grid .product-card:hover .img-box img{transition: all 2s; transform: scale(1.1);}
.productlist .product-grid .product-card:hover .learn-more{background:#fff; color:#1f6bd0; transition: all 0.5s;}

.product-ico{ width:90%; margin:auto; margin-top:5vw; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between;}
.product-ico .fl{ width:100%;}
.product-ico .fl .game163{overflow:hidden;}
.product-ico .fl .game163 .bigImg{overflow:hidden; width:100%;}
.product-ico .fl .game163 .bigImg li{border:1px solid #dcdddd; background:#FFF;}
.product-ico .fl .game163 .bigImg li figure{position:relative; padding-bottom:100%; }
.product-ico .fl .game163 .bigImg li figure img{ position:absolute;width:90%; height:90%; margin-left:5%; margin-top:5%;}
.product-ico .fl .game163 .smallScroll{margin-top:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden;}
.product-ico .fl .game163 .sPrev { width:6%;}
.product-ico .fl .game163 .sPrev img{ width:14px;}
.product-ico .fl .game163 .sNext{ width:6%;}
.product-ico .fl .game163 .sNext img{ width:14px;}
.product-ico .fl .game163 .sPrev:hover{ color:#5c1717;}
.product-ico .fl .game163 .sNext:hover{ color:#5c1717;}
.product-ico .fl .game163 button{ outline:none; background:none; border:none;}
.product-ico .fl .game163 .smallImg{float:left;  display:inline; width:88%; overflow:hidden;}
.product-ico .fl .game163 .smallImg ul{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; width:100%;}
.product-ico .fl .game163 .smallImg li{width:20%;}
.product-ico .fl .game163 .smallImg li figure{position:relative; padding-bottom:100%; margin:auto;}
.product-ico .fl .game163 .smallImg li figure img{ position:absolute; width:90%; height:90%; margin-left:5%; margin-top:5%; border:1px solid #ddd;}
.product-ico .fl .game163 .smallImg .on img{border:2px solid #0054a6;}
.product-ico .fr{ width:100%; margin-top:1.5rem;}
.product-ico .fr .txt{ padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
.product-ico .fr .txt h1{font-size:1.2rem;}
.product-ico .fr .txt h2{font-size:1rem; margin-top:15px; font-weight:normal;}
.product-ico .fr .txt .download-btn{margin-top:10px; display:flex;flex-wrap:wrap;align-items:center;}
.product-ico .fr .txt .download-btn span{font-size:16px;}
.product-ico .fr .txt .download-btn img{ width:18px; margin-left:10px;}
.product-ico .fr .anniu{ width:10rem; height:2.6rem; background:#07312F; color:#FFF; font-size:1rem; line-height:2.6rem; text-align:center; margin-top:1rem;}

.product-biaoge{ margin-top:20px;}
.product-biaoge li{ font-size:16px; line-height:26px;}
.product-biaoge li p{ margin-bottom:10px;}
.product-biaoge table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product-biaoge table tr{ background:#fff !important;}
.product-biaoge table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding:10px; text-align:left; white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
.product-biaoge table tr td span{ background:inherit !important; color:inherit !important;}
.product-biaoge table tr td p{ background:inherit !important; color:inherit !important;}

.product{width:90%; margin:auto; margin-top:50px;}
.product .txt{border-bottom:#ddd 1px solid;}
.product .txt dt{width:fit-content; background:#07312F; color:#FFF; padding:0.6rem 3rem; border-radius:5px 5px 0px 0px; font-size:16px; font-weight:bold;}
.product p{font-size:16px; color:#666; line-height:24px; margin-bottom:15px; text-wrap:wrap !important; width:100% !important;}
.product span{text-wrap:wrap !important;}
.product table{border:#ddd 1px solid !important; border-collapse:collapse; margin-right:20px; width:100% !important; margin-top:30px;}
.product table tr{ background:#fff !important;}
.product table tr td{border-right:#ddd 1px solid !important; padding:0; border-bottom:#CCC 1px solid !important; padding:10px; text-align:left; white-space:normal !important; word-break: normal !important; text-wrap:wrap !important;}
.product table tr td span{ background:inherit !important; color:inherit !important;}
.product table tr td p{ background:inherit !important; color:inherit !important;}
.product .bod{ margin-top:1rem}

.product h6{ margin-bottom:10px; width:100%;}
.product h5{ margin-bottom:10px; width:100%;}
.product h4{ margin-bottom:40px; width:100%;}
.product h3{ margin-bottom:50px; width:100%;}
.product h2{ margin-bottom:50px; width:100%;}
.product h1{ margin-bottom:50px; width:100%;}

.newslist{overflow:hidden; width:90%; margin:auto; margin-top:1rem;}
.newslist .fl{width:100%;}
.newslist .fl .bod{overflow:hidden;}
.newslist .fl .bod .item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:2rem;}
.newslist .fl .bod .item .neirong{width:100%; border-bottom:#eee 1px solid;}
.newslist .fl .bod .item .neirong h2{font-size:1rem;}
.newslist .fl .bod .item .neirong .data{margin-top:0.7rem; font-size:0.9rem; color:#999;}
.newslist .fl .bod .item .neirong .description{font-size:0.9rem; color:#666; margin-top:0.5rem; line-height:1.4rem;}
.newslist .fl .bod .item .neirong .more{margin-top:1rem; width:10rem; height:2.5rem; line-height:2.5rem; text-align:center; background:#07312F; color:#fff; border:#07312F 1px solid;}
.newslist .fl .bod .item .neirong .more:hover{background:#fff; color:#1f6bd0; border:#1f6bd0 1px solid;}
.newslist .fl .bod .item .tutu{width:100%; margin-top:1rem;}
.newslist .fl .bod .item .tutu p{position: relative; padding-bottom:60%; overflow:hidden;}
.newslist .fl .bod .item .tutu p img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.5s;}
.newslist .fl .bod .item .tutu p:hover img{transition: all 0.5s; transform: scale(1.03);}
.newslist .fr{ width:100%; margin-top:2rem;}
.newslist .fr .txt{border-bottom:#eee 1px solid; padding-bottom:1rem;}
.newslist .fr .txt span{margin-left:0.5rem; font-size:1rem;}
.newslist .fr .bod h3{font-size:1rem; margin-top:1rem;}
.newslist .fr .bod ul{}
.newslist .fr .bod ul li{color:#666; font-size:0.9rem; line-height:1.4rem; border-bottom:#ddd 1px dashed; padding-top:1rem; padding-bottom:1rem;}
.newslist .fr .bod ul time{margin-top:10px; text-align:right; color:#999;}
.newslist .fr .logo{margin-top:1rem; margin-bottom:2rem;}
.newslist .fr .logo dt{width:80%; margin:auto;}
.newslist .fr .logo dt img{width:100%;}
.newslist .fr .logo dd{margin-top:1rem; width:100%; background:#1f6bd0; color:#fff; border:#1f6bd0 1px solid; height:2.5rem; line-height:2.5rem; text-align:center;}
.newslist .fr .logo dd:hover{background:#fff; color:#1f6bd0; border:#1f6bd0 1px solid;}

.news-detail{ overflow:hidden; margin-top:1rem; width:90%; margin:auto; display: flex; flex-wrap:wrap; justify-content: space-between;}
.news-detail .article-wrapper{width: auto;}
.news-detail .article-header{margin-bottom:1rem; border-bottom:#ddd 1px dashed; padding-bottom:1rem; width:100%;}
.news-detail .article-header h1{ font-size:1.2rem; text-align:center; color:#07312F; margin-top:1.5rem;}
.news-detail .article-header .meta-info{width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .date{text-align:center; margin-top:1rem; color:#999; width:100%; display: flex; flex-wrap:wrap; justify-content:center;}
.news-detail .article-header .summary{font-size:1rem; text-align:center; font-weight:normal; color:#666; margin-top:1rem; line-height:1.6rem;}
.news-detail .article-header .featured-image{width:100%;  margin-top:1rem;}
.news-detail .article-header .featured-image img{ width:100%;}
.news-detail .article-body{overflow:hidden;}
.news-detail .article-body img{width:100%; margin-bottom:2rem;}
.news-detail .article-body p{ font-size:0.9rem; color:#666; line-height:1.4rem; margin-bottom:0.6rem; text-wrap:wrap !important;}
.news-detail .article-body span{text-wrap:wrap !important;}
.news-detail .post-navigation{ margin-bottom:2rem; border-top:#CCC 1px dashed; width:100%; padding-top:1rem;}
.news-detail .post-navigation .prev-post{ margin-bottom:1rem;}

.message{overflow:hidden; width:90%; margin:auto; padding-top:2rem; margin-bottom:2rem;}
.message .txt{ text-align:center;}
.message .txt dt{font-size:1.4rem;}
.message .txt p{ margin-top:0.5rem; font-size:1rem; color:#999;}
.message form{ margin-top:2rem;}
.message form .form-group{ margin-bottom:1rem; width:100%; overflow:hidden; display: flex; flex-wrap:wrap;}
.message form .form-group label{ font-size:0.9rem; width:100%; text-align:left; color:#787878;}
.message form .form-group label span{ margin-right:5px; color:#ff9c00;}
.message form .form-group input{ width:98%; padding-left:1%; height:35px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-size:14px; color:#aaa; outline:none;}
.message form .form-group input::placeholder{font-size:14px; color:#aaa;}
.message form .form-group-row{margin-bottom:1rem; display:flex; flex-wrap:wrap; align-items:center;}
.message form .form-group-row label{font-size:1rem; width:100%; margin-bottom:5px; color:#787878;}
.message form .form-group-row input{width:75%; border-radius:0px 5px 5px 0px; border:#ddd 1px solid; padding-left:1%; margin-left:-1px; height:2.5rem; font-size:0.9rem; color:#aaa; outline:none;}
.message form .form-group-row input::placeholder{font-size:0.9rem; color:#aaa;}
.message form .form-group-row input:nth-child(2){width:22%; border-radius:5px 0px 0px 5px; margin-left:0px; height:2.5rem;}
.message form .form-group input[name="products"] {color:#ff9c00 !important;}
.message form .form-group textarea{width:98%; padding-left:1%; height:100px; border-radius:5px; border:#ddd 1px solid; margin-top:5px; font-family:Arial; font-size:14px; color:#aaa; padding-top:8px; outline:none;}
.message form .yanzhengma{display:flex; flex-wrap:wrap; align-items:center;}
.message form .yanzhengma input{width:50%; background:#fff; border-radius:5px; border:#ddd 1px solid; height:2.6rem; font-size:0.9rem; color:#aaa; outline:none; margin-right:5px; padding-left:12px;}
.message form .yanzhengma img{height:2.5rem; border-radius:5px; margin-right:20px;}
.message form .yanzhengma button{width:100%; height:40px; line-height:40px; background:#07312F; border:none; color:#fff; outline:none; border-radius:5px; font-size:16px; margin-top:1rem;}

.contact{ width:100%; overflow:hidden;}
.contact .bod{display:flex; flex-wrap:wrap; width:90%; margin:auto; margin-top:1rem;}
.contact .bod .fl{width:100%;}
.contact .bod .fl p{ margin-bottom:15px; line-height:26px;}
.contact .bod .fr{width:100%; display: flex; flex-wrap:wrap;}
.contact .bod .fr li{width:40vw;}
.contact .bod .fr li img{width:40vw;}

.contactus{width:90%; margin:auto; overflow:hidden; padding-top:2rem; margin-bottom:1rem; border-bottom:#e5e5e5 1px solid; padding-bottom:2rem;}
.contactus .txt{text-align:center;}
.contactus .txt h3{font-size:1.4rem; color:#07312f;}
.contactus .txt ul{display: flex; flex-wrap:wrap; justify-content:center; margin-top:1.5rem;}
.contactus .txt ul li{width:3rem; height:3rem; border-radius:100%; border:#CCC 1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0px 0.2rem;}
.contactus .txt ul li img{width:1.2rem; height:1.2rem; filter:drop-shadow(#11877e 0px 10000000px); transform:translateY(-10000000px);}
.contactus .txt ul li:hover{border:#11877e 1px solid; background:#11877e;}
.contactus .txt ul li:hover img{filter:drop-shadow(#fff 0px 10000000px); transform:translateY(-10000000px);}

.fanye{overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; margin-top:20px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.fanye .fenye2{display: flex;}
.fanye .fenye2 .page-num{color:#666;padding:5px;font-size:15px;flex:1;overflow:hidden;overflow:hidden;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:5px 10px;}
.fanye .fenye2 .page-num-current{color:#fff; overflow:hidden; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:6px 10px; background:#1f6bd0; border:#1f6bd0 1px solid;}
.fanye .fenye2 .page-num-current:hover{color:#ff9000;}
.fanye a{border:#ddd 1px solid; font-size:15px; padding:5px 10px; margin:0px 5px; background:#f5f5f5; transition: all 0.5s;}
.fanye a:hover{background:#1f6bd0; color:#fff; transition: all 0.5s; border:#1f6bd0 1px solid;}

.p-search{border-bottom:#ddd 1px dashed; width:100%; display: flex; flex-wrap:wrap; justify-content:center; margin-top:30px; padding-bottom:30px;}
.p-search form{display: flex; flex-wrap:wrap; align-items:center; width:90%; margin:auto;}
.p-search form input{width:68%; height:50px; outline:none; border:#CCC 1px solid; border-radius:30px 0px 0px 30px; padding-left:5%; font-size:0.9rem;}
.p-search form button{ width:25%; background:#1f6bd0; border:#1f6bd0 1px solid; height:52px; font-size:0.9rem; color:#FFF; border-radius:0px 30px 30px 0px;}
.p-search form button:hover{ opacity:0.8;}

}

@media screen and (max-width: 1199px) {
#wap_logo_main{ display: block; }
.product .detail_table{ max-width: 100%; width: 100%; }
.product .product_swiper{ padding: 0; margin: 0 auto; overflow: hidden; float: none; }
}

@keyframes clockwiseRotate { 
from{ transform: rotate(0deg); }
to{ transform: rotate(90deg); }}
@keyframes anticlockwiseRotate {
from{ transform: rotate(90deg); }
to{ transform: rotate(0deg); }
}
.clockwiseRotate:before { animation-name: clockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }
.anticlockwiseRotate:before { animation-name: anticlockwiseRotate; animation-duration: 1.5s; animation-fill-mode: both; }

@keyframes click_slideOutRight {
from{ transform: translateX(-100%); }
to{ transform: translateX(0); }
}
.click_slideOutRight { animation-name: click_slideOutRight; animation-duration: .5s; animation-fill-mode: both; }

@keyframes click_slideInRight {
from{ opacity: 0; transform: translateX(0); }
to{ opacity: 1; transform: translateX(-100%); }
}
.click_slideInRight { animation-name: click_slideInRight; animation-duration: .5s; animation-fill-mode: both; }