@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "PingFang SC", sans-serif,"Microsoft YaHei","微软雅黑",Arial; }

html { height: 100%; overflow-y: auto; }

body { position: relative; min-height: 100%; line-height: 1.1; margin-left: auto; margin-right: auto; color: #000; font-size: 14px; background: #fff; overflow-y: auto; }

textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type='text'], input[type='password'] { -webkit-appearance: none; }

input, textarea { outline: none; border: 1px solid #666; border-radius: 0; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; font-family: inherit; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

ul, ol { list-style-type: none; }

button { cursor: pointer; border: none; background-color: transparent; }

a { text-decoration: none; color: inherit; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

a:hover { color: #4d8f78; }

a:active { opacity: .9; }

.clearfix:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.hide { display: none; }

.container { width:100%;padding-left:1.6%;padding-right:1.6%; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.containers{width:100%;padding-left:1.6%;padding-right:1.6%;}
.containerss{width:100%;padding-left:10%;padding-right:10%;}

.navbtn { display: none; position: absolute; z-index: 999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #00e392; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn.navclose span:nth-child(1) { -o-transform: translateY(12px) rotate(45deg); -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }

.navbtn.navclose span:nth-child(2) { opacity: 0; }

.navbtn.navclose span:nth-child(3) { -o-transform: translateY(-12px) rotate(-45deg); -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.header { position:fixed; left:0; top:0; width:100%; z-index:1000; background-color: #fff;border-bottom:1px solid #ddd; }

.header .logo { float: left; width: 230px; }

.header .logo a { display: block; height: 70px; line-height: 70px; font-size: 0; }

.header .logo img { padding: 10px 0; }

.header .navbar { float: right; display: flex; flex-flow: row nowrap; width: calc(100% - 800px); }

.header .nav { display: flex; flex-flow: row nowrap; flex-grow: 1;  }

.header .nav > li { float: left; flex-grow: 1;position: relative; }

.header .nav > li > a { display: block; line-height: 70px; text-align: right; color: #000; font-size: 15px; }

.navbar ul li.active .dropdown,.nav ul li:hover .dropdown{color:#00a0e9;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.header .nav li:hover .sub-nav { opacity: 1; z-index: 99; }
.header .nav .sub-nav { position: absolute; z-index: -1; top: 100%; left: 25px; opacity: 0; width: 180px; line-height: 1; padding-top: 5px; padding-bottom: 5px; border-radius: 5px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3); background-color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.header .nav .sub-nav a { display: block; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; padding-right: 10px; color: #666; font-size: 13px;border:none; }

.header .nav .sub-nav a:hover { color: #00a0e9;  }

.header .nav > li:hover > a,.header .nav > li.active > a {font-weight:bold;}

/*.header .nav > li.current > a, .header .nav > li > a:hover { background-color: #4d8f78; }*/

/*.header .sina { position: relative; display: flex; flex-flow: row nowrap; align-items: center; width: 25px; height: 70px; margin-right: 15px; }

.header .sina .icon { width: 25px; }

.header .wechat { position: relative; display: flex; flex-flow: row nowrap; align-items: center; width: 25px; height: 70px; margin-right: 15px; }

.header .wechat .icon { width: 25px; }

.header .wechat:hover .qrcode { display: block; }

.header .wechat .qrcode { display: none; position: absolute; z-index: 9; top: 70%; left: 50%; width: 120px; margin-left: -60px; }

.header .wechat .qrcode::before { content: ''; position: relative; z-index: 9; display: block; width: 0; margin-left: auto; margin-right: auto; border: 7px solid transparent; border-bottom-color: #fff; }

.header .wechat .qrcode img { display: block; width: 100%; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5); }

.header .search { width: 160px; }

.header .search form { display: flex; flex-flow: row nowrap; align-items: center; height: 70px; }

.header .search input[type="text"] { width: 130px; height: 25px; padding-left: 9px; padding-right: 9px; color: #fff; font-size: 12px; border-radius: 2px; background-color: inherit; border: 1px solid #fff; }

.header .search *[type="submit"] { width: 22px; margin-left: 10px; }*/

/*.header #subCaseDropdown > a { display: flex; flex-flow: row nowrap; justify-content: center; }

.header #subCaseDropdown > a::after { content: ''; display: block; margin-left: 10px; width: 11px; height: 70px; background-image: url("../img/x17.png"); background-position: center center; background-repeat: no-repeat; }

.header .subnav-partner-case { display: none; position: absolute; z-index: 99; top: 100%; left: 0; width: 100%; height: auto; }

.header .subnav-partner-case .container { height: 100%; padding-top: 50px; padding-bottom: 50px; padding-left: 0; padding-right: 0; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; overflow: hidden; }
.header .nav > li#subCaseDropdown:hover .subnav-partner-case{display:block !important;}
.header .subnav-partner-case .left-list { float: left; width: 35%; margin-top: -10px; }

.header .subnav-partner-case .left-list a.through-link { display: block; line-height: 40px; padding-left: 90px; color: #555; font-size: 16px; font-weight: bold; }

.header .subnav-partner-case .left-list a.through-link:hover { color: #4d8f78; }

.header .subnav-partner-case .left-list ul li a { display: block; line-height: 40px; padding-left: 90px; color: #555; font-size: 16px; font-weight: bold; }

.header .subnav-partner-case .left-list ul li a:after { content: ''; float: right; display: block; width: 10px; height: 40px; margin-right: 20%; text-align: center; background-image: url("../img/f12.png"); background-position: center center; background-repeat: no-repeat; }

.header .subnav-partner-case .left-list ul li.current a, .header .subnav-partner-case .left-list ul li a:hover { color: #fff; background-color: #4d8f78; }

.header .subnav-partner-case .case-sub-slide { position: relative; float: left; width: calc(40% - 30px); margin-left: 30px; overflow: hidden; }

.header .subnav-partner-case .case-sub-slide .swiper-slide h2 { line-height: 1; color: #4d8f78; font-size: 26px; font-weight: bold; }

.header .subnav-partner-case .case-sub-slide .swiper-slide .link-detail { display: inline-block; line-height: 1; margin-top: 15px; color: #4d8f78; font-size: 14px; }

.header .subnav-partner-case .case-sub-slide .swiper-slide .pic { clear: both; display: block; width: 100%; margin-top: 25px; }

.header .subnav-partner-case .case-sub-slide .swiper-slide .pic img { display: block; width: 100%; }

.header .subnav-partner-case .case-sub-slide .swiper-slide .more { float: right; display: block; line-height: 1.3; margin-top: 20px; color: #444142; font-size: 14px; border-bottom: 1px solid transparent; }

.header .subnav-partner-case .case-sub-slide .swiper-slide .more:hover { border-bottom-color: #444142; }

.header .subnav-partner-case .quick-link { float: right; width: 25%; padding-left: 30px; padding-top: 40px; }

.header .subnav-partner-case .quick-link li h3 { margin-bottom: 23px; color: #4d8f78; font-size: 14px; }

.header .subnav-partner-case .quick-link li a { display: inline-block; line-height: 1.4; color: #444142; font-size: 14px; border-bottom: 1px solid transparent; }

.header .subnav-partner-case .quick-link li a:hover { color: #4d8f78; border-bottom-color: #4d8f78; }*/

.banner{margin-top:70px; position: relative;overflow:hidden; }
/*.banner .container{position:relative; height:600px;}
.banner .pic{position:absolute; top:0; left:0; object-fit:contain;}
.banner .pic.s1{width:50%;}
.banner .pic.s2{top:auto; bottom:30px; width:60%;}
.banner .pic.s3{left:auto; top:auto; right:0; bottom:0; width:53.5139%;}*/

.banner .swiper-slide { background-position: center center; background-size: cover; z-index:-1;position:relative;}
.banner .pagination{position:absolute;z-index:9;bottom:20px !important;text-align:center;font-size:0}
.banner .pagination span{width:14px;height:14px;background:#fff;opacity:0.5;border-radius:7px;}
.banner .pagination span.active{opacity:1;}
.banner .swiper-slide img{width:100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E) !important;}


.section-title { line-height: 1; text-align: center; color: #000; font-size: 40px;margin-top:10px;padding-bottom:20px;font-weight:normal; }

.i-section-1 { margin-top: 10px; padding-top: 60px; padding-bottom: 60px; background-color: #e8f1ec; }
.i-section-1 .videobox{float:left; width:65%; position:relative;}
.i-section-1 .videobox:before{float:left; width:100%; padding-top:58%; content:'';}
.i-section-1 video {position:absolute; left:0; top:0; width:100%; height:100%;}

.i-section-1 .intro { float: right; width: 33%; line-height: 1.6; /* text-align: center;*/ position:relative;}
.i-section-1 .intro .content{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; flex-direction:column; overflow:hidden;}
.i-section-1 .intro:before{float:left; width:100%; padding-top:115.9%; content:'';}

.i-section-1 .intro h3.title,.i-section-1 .intro h2.title,.i-section-1 .intro h1.title { margin-bottom:20px; font-size: 40px; }

.i-section-1 .intro span { display: block; color: #4d8f78; font-size: 27px; }

/*.i-section-1 .intro p { font-size: 34px; }*/

.i-section-2 { padding-top: 60px; padding-bottom: 60px; overflow: hidden; }

.i-section-2 .more { line-height: 1; text-align: center; margin-top: 15px; color: #4d8f78; font-size: 22px; }

.i-section-2 .more a { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; }

.i-section-2 .more img { height: 12px; margin-left: 5px; }

.i-section-2 ul { display: flex; flex-flow: row wrap; margin-top: 20px; margin-left: -5px; margin-right: -5px; overflow: hidden; }

.i-section-2 ul li { float: left; width: 50%; margin: 5px 0; padding-left: 5px; padding-right: 5px; }

.i-section-2 ul a { position: relative; display: block; display: flex; flex-flow: column nowrap; justify-content: center; overflow: hidden; }

.i-section-2 ul a img { display: block; width: 100%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.i-section-2 ul a .title { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.5); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.i-section-2 ul a .title .t1 { position: absolute; top: 15px; left: 20px; font-size: 18px; }

.i-section-2 ul a .title .t2 { position: absolute; bottom: 15px; left: 20px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); font-size: 14px; }

.i-section-2 ul a .title .t2 span { display: block; color: #fff; font-size: 16px; }

.i-section-2 ul a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.i-section-2 ul a:hover .title { opacity: 1; }

.i-section-3 { padding-top: 60px; padding-bottom: 60px; }

.i-section-3 .intro { display: none; line-height: 2; margin-top: 15px; color: #000; font-size: 20px; }

.i-section-3 .intro.current { display: block; }

.i-section-3 ul { display: flex; flex-flow: row wrap; justify-content: center; margin-top: 70px; overflow: hidden; }

.i-section-3 ul li { float: left; min-width: 230px; line-height: 54px; text-align: center; margin-left: 45px; margin-right: 45px; margin-top: 25px; margin-bottom: 25px; color: #000; font-size: 34px; border-radius: 6px; border: 3px solid #1b1f20; cursor: pointer; }

.i-section-3 ul li:nth-child(1) { margin-left: 90px; }

.i-section-3 ul li:nth-child(3) { margin-right: 90px; }

.i-section-3 ul li.current, .i-section-3 ul li:hover { color: #4d8f78; border-color: #4d8f78; }

.i-section-4 { padding-top: 60px; padding-bottom: 60px; }

.i-section-4 .section4-slide { position: relative; margin-top: 80px; padding-left: 100px; padding-right: 100px; overflow: hidden; }

.i-section-4 .section4-slide .button-prev, .i-section-4 .section4-slide .button-next { position: absolute; z-index: 9; top: 50%; display: block; width: 40px; height: 40px; margin-top: -20px; cursor: pointer; }

.i-section-4 .section4-slide .button-prev { left: 0; }

.i-section-4 .section4-slide .button-next { right: 0; }

.i-section-4 .section4-tab-nav { text-align: center; margin-top: 50px; font-size: 0; }

.i-section-4 .section4-tab-nav li { display: inline-block; margin-left: 10px; padding-right: 10px; font-size: 16px; border-right: 1px solid #333; cursor: pointer; }

.i-section-4 .section4-tab-nav li:last-child { border: none; }

.i-section-4 .section4-tab-nav li.current { color: #4d8f78; }

.i-section-5 { padding-top: 60px; padding-bottom: 60px; overflow: hidden; }

.i-section-5 .section-title { display: flex; flex-flow: row nowrap; justify-content: center; padding-left: 100px; }

.i-section-5 .section-title .more { line-height: 1; text-align: center; margin-left: 30px; margin-top: 15px; color: #4d8f78; font-size: 22px; }

.i-section-5 .section-title .more a { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; }

.i-section-5 .section-title .more img { height: 12px; margin-left: 5px; }

.i-section-5 ul { margin-top: 50px; margin-left: -35.5px; margin-right: -35.5px; overflow: hidden; }

.i-section-5 ul li { float: left; width: 50%; padding-left: 35.5px; padding-right: 35.5px; }

.i-section-5 ul .pic { display: block; overflow: hidden; }

.i-section-5 ul .pic img { display: block; width: 100%; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }

.i-section-5 ul .pic:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.i-section-5 ul .title { display: block; width: 90%; line-height: 1.6; margin-top: 15px; color: #000; font-size: 20px; }

.i-section-5 ul .title:hover { color: #4d8f78; }

.i-section-5 ul .date { display: block; margin-top: 20px; color: #000; font-size: 20px; }

.i-section-6 { padding-top: 60px; padding-bottom: 60px; overflow: hidden; }

.i-section-6 .section-title { margin-bottom: 50px; }

.i-section-6 .row { margin-right: -80px; margin-left: -80px; border-bottom: 3px dashed #1b1b1d; }

.i-section-6 .row:last-child { border-bottom: none; }

.i-section-7 { padding-top: 60px; padding-bottom: 60px; background-color: #e8f1ec; }
.i-section-7 .item {margin-bottom:100px;}
/*.i-section-7 .item {float:left; width:50%; margin-bottom:0; }
.i-section-7 .section-title{float:left; padding:0; width:100%; text-align:left; display:block; font-size:18px;}
.i-section-7 .section-title .more{font-size:14px; font-weight:normal; margin-left:15px;}*/
.i-section-7 .item .content { line-height: 2; margin-top: 50px; font-size: 16px;  text-align:center;}
.i-section-7 .item .content img { margin-bottom: 10px; }

.i-section-7 .item:last-child { margin-bottom: 0; }

.module-contact .col, .i-section-6 .col { float: left; width: 50%; line-height: 1.6; padding-top: 50px; padding-bottom: 50px; padding-left: 80px; padding-right: 80px; }

.inside-wrapper { margin-top:120px; padding-bottom: 120px;position:relative;z-index:1; }

.inside-side-left { float: left; width: 250px; }

.inside-side-left h3 { line-height: 1; color: #4d8f78; font-size: 22px; }

.inside-side-left ul { position: relative; margin-top: 50px; }

.inside-side-left ul li { line-height: 1; font-size: 0; }

.inside-side-left ul li a { display: inline-block; margin-bottom: 24px; color: #000; font-size: 16px; }

.inside-side-left ul li.current a, .inside-side-left ul li a:hover { color: #4d8f78; }

.inside-side-left ul li.show-filter-list { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; }

.inside-side-left ul.hide-part { max-height: 360px; overflow: hidden; }

.inside-side-right { float: right; width: calc(100% - 300px); }
.inside-container{width:100%;}

.inside-title { font-size: 32px;font-weight:normal; }

.inside-top{width:100%;float:left;position:relative;}
.inside-top:hover{z-index:99999;}
.detail-con{position:relative;}
.detail-con:hover{z-index:99999;}
.inside-top ul{width:100%;float:left;text-align:center;display: flex;justify-content:center;align-items: center;text-align:center;}
.inside-top ul li{float:left;width:auto;margin-left:10px;margin-right:10px;border-bottom:1px solid #fff;}
.inside-top ul li.current,.inside-top ul li:hover{border-bottom:1px solid #222;}

.single-wrapper .content { line-height: 2; margin-top: 50px; }

.list-case-wrapper ul { display: flex; flex-flow: row wrap; margin-top: 50px; margin-left: -10px; margin-right: -10px; overflow: hidden; }

.list-case-wrapper ul li{ float: left; width: 33.33%; margin:10px 0; padding-left: 10px; padding-right: 10px;  }

.list-case-wrapper ul li a { display: block; display: flex; flex-direction: column; justify-content: center; max-height: 500px; overflow: hidden; position:relative;}

.list-case-wrapper ul li img { -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }

.list-case-wrapper ul li a:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.list-case-wrapper ul li a .title { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.5); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.list-case-wrapper ul li a .title .t1 { position: absolute; top: 15px; left: 20px; font-size: 18px; }

.list-case-wrapper ul li a .title .t2 { position: absolute; bottom: 15px; left: 20px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); font-size: 14px; }

.list-case-wrapper ul li a .title .t2 span { display: block; color: #fff; font-size: 16px; }

.list-case-wrapper ul li a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.list-case-wrapper ul li a:hover .title { opacity: 1; }


.list-case-wrapper .more-loading { text-align: center; margin-top: 50px; font-size: 0; }

.list-case-wrapper .more-loading a { display: inline-block; line-height: 45px; padding-left: 50px; padding-right: 50px; color: #4d8f78; font-size: 20px; border: 1px solid #4d8f78; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.list-case-wrapper .more-loading a i { display: inline-block; margin-left: 10px; font-size: 18px; font-weight: bold; font-family: '宋体'; font-style: normal; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.list-case-wrapper .more-loading a:hover { letter-spacing: 3px; color: #fff; background-color: #4d8f78; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); border-radius: 30px; }

.list-case-wrapper .more-loading a:hover i { margin-left: 15px; }

.list-news-wrapper ul li { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #d5d5d5; overflow: hidden; }

.list-news-wrapper ul li .pic { float: left; display: block; display: flex; flex-direction: column; justify-content: center; width: 30%; height: 150px; margin-right: 35px; overflow: hidden; }

.list-news-wrapper ul li .pic img { display: block; width:100%; height:100%; object-fit:cover; max-height: none; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }

.list-news-wrapper ul li .pic:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.list-news-wrapper ul li .info .date { color: #333; font-size: 15px; }

.list-news-wrapper ul li .info h2 { width: 100%; line-height: 1.2; margin-top: 10px; color: #000; font-size: 20px; }

.list-news-wrapper ul li .info .more { display: inline-block; margin-top: 20px; color: #4d8f78; font-size: 15px; }

.detail-wrapper .detail-head h1 { line-height: 1.2; font-size: 30px; }

.detail-wrapper .detail-head .date { margin-top: 20px; color: #333; font-size: 15px; }

.detail-wrapper .content { line-height: 2; margin-top: 50px; }

.detail-wrapper .content img { display: block; height: auto !important; margin-left: auto; margin-right: auto; }

.contact-wrapper { margin-top:120px; padding-bottom: 80px; }

.contact-wrapper .page-head h3 { line-height: 1; font-size: 32px;font-weight:normal; }

.contact-wrapper .page-head h3 a { display: inline-block; padding-bottom: 2px; margin-left: 45px; color: #4d8f78; font-size: 16px; border-bottom: 1px solid transparent; }

.contact-wrapper .page-head h3 a:hover { border-bottom-color: #4d8f78; }

.contact-wrapper .page-head h3 a i { display: inline-block; margin-left: 5px; font-size: 14px; font-style: normal; font-family: '宋体'; }

.contact-wrapper .page-head p { line-height: 1.4; margin-top: 25px; font-size: 20px; }

.contact-wrapper .content { display: flex; flex-flow: row nowrap; justify-content: space-between; }

.contact-wrapper .content .col { width: auto; max-width: 48%; padding-left: 0; padding-right: 0; }

.contact-wrapper .map { margin-top: 30px; }

.contact-wrapper .map iframe { display: block; width: 100%; }

.contact-wrapper .map p { line-height: 1; margin-top: 25px; font-size: 20px; font-weight: bold; }

.list-pagination { margin-top: 60px; text-align: center; font-size: 0; }

.list-pagination #ctl00_Main_DataPager1 { border: none; }

.list-pagination a[disabled='disabled'] { cursor: not-allowed; }

.list-pagination span, .list-pagination a { display: inline-block; line-height: 25px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #d5d5d5; color: #454545; font-size: 14px; }

.list-pagination .on, .list-pagination a:hover { color: #fff; background-color: #4d8f78; border-color: #4d8f78; }

.footer { padding-top: 50px; padding-bottom: 50px; background-color: #00e293;width:100%;float:left;margin-top:80px;color:#000; }

.footer .row { display: flex; flex-flow: row wrap; align-items: center;width:100%; }

.footer .col { display: flex; flex-flow: row wrap; align-items: center; width: 40%; }

.footer .col:first-child { justify-content: flex-start; }

.footer .col:last-child { justify-content: flex-end; }

.footer .logo { float: left;max-width:110px; }

.footer .foot-nav { float: left; display: flex; flex-flow: row wrap; width: 55%; padding-left: 50px; }

.footer .foot-nav li { float: left; width: 50%; padding: 10px 0; color: #000; font-size: 16px; }

.footer .qrcode {  }

.footer .qrcode li { float: left; min-width: 100px; text-align: center; margin-left: 30px; color: #000; font-size: 17px; }

.footer .qrcode li img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; max-width:100px;}

.footer .copyright { text-align: center; margin-top: 50px; color: #fff; font-size: 12px;width:100%;float:left; }
.footer .copyright a:hover{color:#000;}

.footer .foot-line{float:left;margin:0 auto;font-size:32px;border-right:1px solid #000;border-left:1px solid #000;padding-left:40px;padding-right:40px;text-align:center;line-height:40px;}
.footer .foot-line span{font-size:15px;}
.foot-con{width:100%;float:left;}
.f-l{width:42%;float:left;}
.f-r{float:right;}

.form{float:left; margin-top:30px; width:100%;}
.form .list{float:left; width:33.333%; line-height:30px; margin-bottom:20px;}
.form .list.w100{width:100%;}
.form .list span{float:left; min-width:100px; font-weight:bold; text-align:left;}
.form .list p{float:left; font-weight:bold;}
.form .list.check label{float:left; margin-right:15px;}
.form .list.check input{margin-right:3px;}
.form .list input[type="text"]{float:left; width:calc(100% - 100px - 10px); height:30px; border:solid 1px #ddd; padding:4px 10px; outline:none;}
.form .list input[type="checkbox"]{ border-color:#ddd;  outline:none;}
.form .list textarea{ border-color:#ddd; padding:5px 10px; width:calc(100% - 100px - 10px);  line-height:24px; min-height:80px; font-family:inherit;  outline:none;}
.form .list input[type="text"]:focus,.form .list textarea:focus{border-color:#4d8f78;}
.form button{float:right; margin-right:10px; background-color:#4d8f78; color:#fff; padding:10px 24px; position:relative; transition:all 0.3s ease 0;}
.form button:after{position:absolute; right:7px; top:11px; width:16px; height:16px; border:solid 1px #fff; border-top:none; border-right:none; border-radius:50%; content:''; -moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;-webkit-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear; opacity:0;}
.form button:hover{background-color:#5aaa8f;}
.form button[disabled]{cursor:not-allowed;}
.form button.load{ padding-right:35px; transition:all 0.3s ease 0;}
.form button.load:after{opacity:1;}
.animate-spin{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-webkit-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-o-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@-ms-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}@keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}

.index-news-left{width:49%;float:left;}
.item-news-l{}
.item-news-l { display: flex; flex-flow: row wrap; margin-top: 20px; margin-left: -5px; margin-right: -5px; overflow: hidden; }

.i-section-2 ul li { float: left; width: 50%; margin: 5px 0; padding-left: 5px; padding-right: 5px; }

.item-news-l a { position: relative; display: block; display: flex; flex-flow: column nowrap; justify-content: center; overflow: hidden;width: 100%; }

.item-news-l a img { display: block; width: 100%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.item-news-l a .title { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.5); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.item-news-l a .title .t1 { position: absolute; top: 45%; left: 0px; font-size: 18px;text-align:center;width:100%;padding-left:10%;padding-right:10%; line-height:30px;}

.item-news-l a:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

.item-news-l a:hover .title { opacity: 1; }

.i-section-add,.i-section-add2{width:100%;float:left;overflow:hidden;}
.item-news-l a{margin-bottom:20px;}
.index-news-right{width:46%;float:right;padding-top:20px;}
.index-news-right-title{width:100%;float:left;font-size:40px;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.index-news-content,.item-news-r{width:100%;float:left;}
.item-news-r{margin-bottom:10px;}
.index-news-content{padding-top:10px;line-height:29px;}
.item-news-r a{width:100%;float:left;font-size:20px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding-bottom:5px;font-weight:bold;margin-top:10px;}
.item-news-desc{width:100%;float:left;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin-top:10px;}
.item-news-r span{width:100%;float:left;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:bold;margin-top:10px;}
.i-section-add-title{width:100%;float:left;font-size:40px;padding-bottom:30px;margin-bottom:10px;text-align:center;margin-top:50px;}
.fuwukehucon,.fuwukehucon ul{width:100%;float:left;overflow:hidden;}
.fuwukehucon ul li{width:10%;float:left;height:90px;display: flex;justify-content:center;align-items: center;text-align:center;}
.fuwukehucon ul li img{max-width:90%;max-height:90%;}
.fuwukehucon img{width:100%;}

.i-section-add-con{width:100%;float:left;border-bottom:1px dashed #ddd;padding-bottom:10px;}
.back2top {
    display: block;
    width: 43px;
    height: 43px;
    background: url(/img/back2top.png) no-repeat;
    position: fixed;
    right: 10px;
    bottom: 15%;
    opacity: .33;
    z-index: 99
}

.back2top:hover {
    opacity: 1
}
.detail-con{width:100%;padding-left:12%;padding-right:12%;float:left;margin-top:50px;}
.detail-con video{width:100%;height:100%;object-fit:fill;}