@charset "utf-8";

@font-face {font-family: 'Bahnschrift'; src: url('/fonts/Bahnschrift.eot'); /* IE9 Compat Modes */ src: url('/fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Bahnschrift.woff') format('woff'), /* Modern Browsers */ url('/fonts/Bahnschrift.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/Bahnschrift.svg#Bahnschrift') format('svg'); /* Legacy iOS */ } 

/* CSS Document */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{width: 5px; background:rgba(255,255,255,0);} 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{background:rgba(255,255,255,1);} 
/* 定义滑块 内阴影+圆角 */
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background:#006633;} 

/* CSS Document */
*{margin:0 auto; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
html {font-size: 62.5%; /*10÷16=62.5% */ overflow-x: hidden;}
@media only screen and (max-width:1600px){
	html {font-size: 60%;}
}
@media only screen and (max-width:1440px){
	html {font-size: 58%;}
}
@media only screen and (max-width:1280px){
	html {font-size: 56%;}
}
@media only screen and (max-width:1024px){
	html {font-size: 54%;}
}
@media only screen and (max-width:800px){
	html {font-size: 52%;}
}
@media only screen and (max-width:560px){
	html {font-size: 50%;}
}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
span, a, ul, li {margin:0;padding:0;border:0;list-style-type:none;}
input, button, textarea{outline:none; appearance:none;}
body{font-family: "Microsoft YaHei",sans-serif; -webkit-font-smoothing: antialiased; font-size:12px; font-size:1.2rem; margin:0 auto; color:#333; PADDING-TOP:0px; overflow-x: hidden; background: #fff;}
a{color:#333; text-decoration:none;}
a:hover{color:#036c4d;}

.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9}

.ta{-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;}
.ta a{-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;}
.ta:hover{-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in;}

img{vertical-align:middle; border:0;}
.w100{width:100%; margin:0 auto;}


.w1300{width:1300px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}

.fw{font-family: PingFangSC-Medium, sans-serif;}
.ft_red{color:#F00;}
.ftb{font-family: 'Bahnschrift';}
.b{font-weight: bold;}

.k_k{width:100%; height:75px; margin:0 auto;}
.k_k1{width:100%; height:10px; margin:0 auto;}
.k_k2{width:100%; height:20px; margin:0 auto;}
.k_k3{width:100%; height:30px; margin:0 auto;}
.k_k4{width:100%; height:40px; margin:0 auto;}
.k_k5{width:100%; height:50px; margin:0 auto;}
.k_k6{width:100%; height:60px; margin:0 auto;}
.k_k7{width:100%; height:70px; margin:0 auto;}
.kkk{width:100%; height:90px; margin:0 auto;}
.kkkk{width:100%; height:260px; margin:0 auto;}

.ta{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;}

.clear{clear:both; height:0; line-height:0; font-size:0; *display:inline;/*IE only*/}
.fl { float:left;}
.fr { float:right;}
.tal{text-align: left;}
.tac{text-align: center;}
.tar{text-align: right;}

@media only screen and (max-width:800px){
	embed{width:100%; height: auto;}
	video{width:100%; height: auto;}
	iframe{width:100%; height: auto;}
	table{width:100%; height: auto;}
}

.ft_t{font-family:"proxima-nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-style:normal; font-weight:300; text-rendering:optimizeLegibility;}
.clearfix:after{content:"";display:block;clear:both;}


.product_tb table{width:100%;border-spacing:0; border-collapse:separate;}
.product_tb table>thead>tr>th,.product_tb table>tbody>tr>th,.product_tb table>tfoot>tr>th,.product_tb table>thead>tr>td,.product_tb table>tbody>tr>td,.product_tb table>tfoot>tr>td{text-align:center; padding: .5% 0; border-top:1px solid #ddd}
.product_tb table>thead>tr>th{vertical-align:bottom; border-bottom:1px solid #ddd;}
.product_tb table>caption+thead>tr:first-child>th,.product_tb table>colgroup+thead>tr:first-child>th,.product_tb table>thead:first-child>tr:first-child>th,.product_tb table>caption+thead>tr:first-child>td,.product_tb table>colgroup+thead>tr:first-child>td,.product_tb table>thead:first-child>tr:first-child>td{border-top:0}
.product_tb table>tbody+tbody tr:first-child td{border-top:2px solid #ddd}

.product_tb table{border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.product_tb table>thead>tr>th,.product_tb table>tbody>tr>th,.product_tb table>tfoot>tr>th,.product_tb table>thead>tr>td,.product_tb table>tbody>tr>td,.product_tb table>tfoot>tr>td{border-left:1px solid #ddd}
.product_tb table>thead>tr>th:first-child,.product_tb table>tbody>tr>th:first-child,.product_tb table>tfoot>tr>th:first-child,.product_tb table>thead>tr>td:first-child,.product_tb>tbody>tr>td:first-child,.product_tb>tfoot>tr>td:first-child{border-left:none}

/*gotop*/
.cbbfixed {position:fixed; right:10px; transition: bottom ease .3s; bottom:30px; z-index:3; cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block; background-color:#088c49;}
.cbbfixed .gotop {transition:background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background:url(side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#184e33;}
.cbbfixed .cweixin {background: #9b9b9b;}
.cbbfixed .cweixin:hover{background:#434343;}
.cbbfixed .cweixin div {background: url(erwei.png) no-repeat left center;width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background:url(side-icon01.png);}

@media only screen and (max-width:800px){
	.cbbfixed{-webkit-transform:scale(.8, .8); transform:scale(.8, .8); transition: all 1s; right:2px;}
}

@media only screen and (max-width:1366px) {}
@media only screen and (max-width:1280px) {}
@media only screen and (max-width:940px) {}
@media only screen and (max-width:800px) {}
@media only screen and (max-width:560px){}

/*container*/
.container{width: 92%; max-width: 1400px; margin: 0 auto;}

@media screen and (max-width: 1600px){
	.container{width: 92%;}
}

/**homehead**/
.homehead{position: fixed; left: 0; top: 0; z-index: 999; width: 10%; height: 100vh; background: #ffffff; border-right: 1px solid rgba(0,0,0,.1); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.homehead .logo{position: relative; width: 86%;}
.homehead .logo a{display: inline-block; width: 100%; height: 0; padding-bottom: 91%; background: url(logo3.png) center center no-repeat; background-size:100%; transition: 1s;}

.homenav-search{height: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.homenav-search .nav-ico i, .homenav-search .search i{color: #036c4d; transition: .3s; cursor: pointer;}
.homenav-search .nav-ico i:hover, .homenav-search .search i:hover{color:#006633;}

.homenav{display: none;}
.homenav.on{display: block; position: fixed; width: 8%; height: 100%; top: 0; left: 10%; transition: .5s; background: #036c4d;}
.homenav .nav{width: 100%; height: 100%;}
.homenav .nav .nav_pc{}
.homenav .nav ul{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.homenav .nav ul li{position: relative; z-index: 9; width: 100%; padding: 15% 0; display: flex; align-items: center; justify-content:center;}
.homenav .nav ul li .f_a{height: 100%; text-align:center; display: flex; align-items: center; justify-content:center;}
.homenav .nav ul li .f_a a{color: #fff; display: block;}
.homenav .nav ul li.hovert .f_a{border-bottom: 3px solid #fff;}
.homenav .nav ul li .s_navbox{display:none; position: absolute; left: 100%; top:0; width: 180px; background:#fff; z-index: 9; border-top: 2px solid #036c4d;}
.homenav .nav ul li .s_navbox .s_a a{text-transform:uppercase; display:block; text-align: center; padding: 10px 15px; border: 1px solid rgba(0,0,0,.07); border-top: none;}
.homenav .nav ul li .s_navbox .s_a a:hover{background:#036c4d; color: #fff;}

.homenav-search .x{height: 1px; width: 100%; margin:5vh 0; background: #036c4d;}

.homenav-search .search{*zoom: 1;position: relative;}
.homenav-search .search:after{content: ""; display: table; clear: both;}
.homenav-search .search-button{overflow: hidden; text-transform: capitalize; position: relative; z-index: 1; display: block; outline: none; border: none; cursor: pointer; background: none; overflow: hidden;}
.homenav-search .search-button i{color: #036c4d;}
#search-form{transition: max-height, 0.5s; position: absolute; top: 60px; z-index: 99; left: -100%; width:180px; max-height: 0; overflow: hidden;background-color: #efefef;}
#search-form.open{max-height: 40px; width:180px;}
#search-form fieldset{position: relative; padding: 0; border: none;}
#search-form input{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block; height: 40px;}
#search-form input[type="search"]{width:130px;padding: 0 5px 0 12px;background:none;border: none;}
#search-form input[type="submit"]{position: absolute; bottom: 0; right: 0; width: 50px; margin: 0;padding: 0;font-weight: 700;text-transform: uppercase; color: #fff; background: #036c4d; border: none; cursor: pointer;}

.homehead .wxqq{display: flex; align-items: center; justify-content: center;}
.homehead .wxqq i{color: rgba(3,108,77,.7); transition: .3s; cursor: pointer; margin: 0 .8vw;}
.homehead .wxqq i:hover{color: #125430;}
.homehead .wxqq .wx{position: relative;}
.homehead .wxqq .wx .img{display: none; opacity: 0; position: absolute; bottom: 150%; left: 50%; transform: translate(-50%, 0);}
.homehead .wxqq .wx .img img{width: 100px; border: 1px solid rgba(3,108,77,.15);}
.homehead .wxqq .wx:hover .img{display: block; opacity: 1;}
.homehead .wxqq .wx:hover i{color: #125430;}

.mobile{position: fixed; right: 4%; top: 4%; z-index: 999; color: #fff;}
.mobile .box{position: relative;}
.mobile .box .img{display: none; opacity: 0; position: absolute; top: 150%; left: 50%; transform: translate(-50%, 0);}
.mobile .box .img img{width: 100px; border: 1px solid rgba(3,108,77,.15);}
.mobile .box:hover .img{display: block; opacity: 1;}

.copy{position: fixed; left: 15%; bottom: 4%; z-index: 9; color: #fff; line-height: 1.8;}
.copy a{color: #fff;}
.m-copy{display: none; position: fixed; left: 0; bottom: 1%; padding: 0 5%; width: 100%; z-index: 9; color: #fff; line-height: 1.8;}
.m-copy a{color: #fff;}
.zqkj{display: inline-block; background: url(zqkj.png) no-repeat; background-size: 100%; width: 108px; height: 12px;}

.home-video-close{cursor: pointer; color: #fff; text-align: right; margin-bottom: 3px;}
.home-video{}
.home-video img{width: 7vw; min-width: 60px; max-width: 122px;}


@media screen and (max-width: 1366px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 800px){
	.homehead{display: none;}
	.mobile{display: none;}
	.copy{display: none;}
	.m-copy{display:block;}
	
	.zqkj{width: 90px; height: 10px;}
	
	.home-video{left: 0; right: auto; top: auto; bottom: 10%;}
}

/**homeswiper**/
.homeswiper{width: 100vw; height: 100vh;}
.homeswiper .swiper-wrapper{}
.homeswiper .swiper-wrapper .swiper-slide{position: relative; width: 100%; height: 100%;}
.homeswiper .swiper-wrapper .swiper-slide .homeswiper-bg{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}

.homeswiper .swiper-wrapper .swiper-slide .bg01{background: url(
"home-bg-01.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg02{background: url(
"home-bg-02.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg03{background: url(
"home-bg-03.jpg") no-repeat left center; background-size: cover;}

.homeswiper .swiper-wrapper .swiper-slide .bg1{background: url(
"home-bg-1.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg2{width: 100%; height: 100%; background: url(
"home-bg-2.jpg") no-repeat left center; background-size: cover; }
.homeswiper .swiper-wrapper .swiper-slide .bg3{width: 100%; height: 100%; background: url(
"home-bg-3.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg4{width: 100%; height: 100%; background: url(
"home-bg-4.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg5{width: 100%; height: 100%; background: url(
"home-bg-5.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-wrapper .swiper-slide .bg6{width: 100%; height: 100%; background: url(
"home-bg-6.jpg") no-repeat left center; background-size: cover;}
.homeswiper .swiper-pagination{position:absolute; text-align: right;  transform: translate(-2%, -30px); z-index: 99;}
.homeswiper .swiper-pagination-bullet{position: relative; z-index: 2; width: 8px; height: 8px; margin:0 5px !important; border-radius: 100px; border: 1px solid #fff; background: none; opacity: .6; outline:none; box-shadow: 0 0 6px rgba(255,255,255,.3); transition: .3s;}
.homeswiper .swiper-pagination-bullet::before{content: ""; position: absolute; left:-2px; top: -2px; z-index: 0; width: 8px; height: 8px; border-radius: 100px; border: 1px solid rgba(0,0,0,.2);}
.homeswiper .swiper-pagination-bullet-active{background: #036c4d; border: 1px solid #036c4d; width: 14px; border-radius: 100px; opacity: 1;}
.homeswiper .swiper-pagination-bullet-active::before{content: ""; position: absolute; left:-2px; top: -2px; z-index: 0; width: 14px; height: 8px; border-radius: 100px; border: 1px solid rgba(0,0,0,.1); opacity: 1;}
.homeswiper .swiper-button-prevt, .homeswiper .swiper-button-nextt{top: 47%; background:rgba(0,0,0,.2); color: #fff; border-radius:5px; width: 25px; height: 50px; --swiper-navigation-size: 13px;}
.homeswiper .swiper-button-prevt{left:12%;}
.homeswiper .swiper-button-nextt{right:1%;}
.homeswiper .swiper-button-prevt:hover, .homeswiper .swiper-button-nextt:hover{background: #036c4d;}


.slide01{padding-left: 18%; display: flex; align-items: center; justify-content: center;}
.slide01-box{width: 100%; color: #fff;}
.slide01-box .text2{margin: 1.5% 0; color: #ffcc00;}
.slide01-box .text3{display: flex; justify-content: flex-start;}
.slide01-box .text3 p{display: flex; align-items: center; justify-content: flex-start; flex-flow: wrap;}
.slide01-box .text3 p:first-child{background: #ffcc00; border: 5px solid #ffcc00; padding: 10px 10px;}
.slide01-box .text3 p:nth-child(2){color: #ffcc00; background: #fff; border: 5px solid #ffcc00; padding: 10px 10px;}
.slide01-box .text3 p span{margin: 0 0.5vw;}
.slide01-box .text4{max-width: 85%; margin-top: 4%;}
.slide01-box .text4 img{width: 100%; max-width: 1111px;}

.slide1{padding-left: 18%; display: flex; align-items: center; justify-content: center;}
.slide1-box{width: 100%; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.home1{width: 45%; max-width: 715px; text-align: left; color: #fff; overflow: hidden;}
.home1 .title{line-height: 1.6;}
.home1 .adv{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(255,255,255,.15); margin-top: 4vh; padding-top: 4vh;}
.home1 .adv .list img{margin-right: 1vw; width: 1.2vw; min-width: 15px;}
.home1-rw{margin-top: 7%; width: 55%; max-width: 895px; overflow: hidden;}
.home1-rw p img{width: 100%;}

.slide2{padding-left: 18%; display: flex; align-items: center; justify-content:flex-start;}
.home2{position: relative; width: 50%; max-width: 715px; text-align: left; color: #fff; overflow: hidden;}
.home2 .desc{border-top: 1px solid rgba(255,255,255,.15); margin-top: 5vh; padding-top: 3vh; padding-bottom: 4vh; letter-spacing: 3px;}
.home2 .qnav{display: flex; align-items: center; justify-content: flex-start;}
.home2 .qnav a{position: relative; padding: .5vw 1.5vw; display: inline-block; border-radius: 100px; background:#fff; color:#036c4d; margin-right: 1.2vw; overflow: hidden;}
.home2 .qnav a::before{position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%; background: #036c4d; transition: .5s;}
.home2 .qnav a:hover::before{width: 100%;}
.home2 .qnav a:hover{color: #fff;}
.home2 .qnav a span{position: relative;}

.slide3{padding-left: 18%; display: flex; align-items: center; justify-content:center;}
.home3{width: 90%; max-width: 1480px; text-align: left; overflow: hidden;}
.home3 .titlecat{color: #fff; border-bottom: 1px solid rgba(255,255,255,.1); display: flex; align-items: center; justify-content: flex-start; flex-flow: wrap;}
.home3 .titlecat .title{font-weight: bold; margin-right: 5vw;}
.home3 .titlecat .cat{line-height: 4;}
.home3 .titlecat .cat a{margin-right: 4vw; color: #fff; line-height: 4; display: inline-block; border-bottom: 2px solid rgba(255,255,255,0);}
.home3 .titlecat .cat a:last-child{margin-right: 0;}
.home3 .titlecat .cat a:hover{border-bottom: 2px solid #fff;}
.home3product{width: 100%; position: relative; margin-top: 4%; padding-bottom: 4%;}
.home3product .swiper-container{}
.home3product .swiper-slide{display: flex; align-items: center; justify-content: space-between;}
.home3product .swiper-slide .img{width: 43%;}
.home3product .swiper-slide .img p{position: relative; height: 0; padding-bottom: 130%; overflow: hidden;}
.home3product .swiper-slide .img p img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.home3product .swiper-slide:hover .img p img{transform: scale(1.1);}
.home3product .swiper-slide .box{width: 55%; color: #fff;}
.home3product .swiper-slide .box .title{font-weight: bold; display: flex; align-items: center; justify-content: flex-start;}
.home3product .swiper-slide .box .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home3product .swiper-slide .box .title i{margin-left: 1vw;}
.home3product .swiper-slide .box .desc{padding: 2vh 0; line-height: 1.6;}
.home3product .swiper-slide .box .desc p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home3product .swiper-slide .box .more{display: inline-block; padding: 5px 15px; border-radius: 100px; background: #fff; color: #036c4d;}
.home3product .swiper-slide:hover .box .more{background: #036c4d; color: #fff;}
.home3product .swiper-button-prev, .home3product .swiper-button-next{top: calc(100% - 34px); background:none; border:2px solid #fff; color: #fff; border-radius: 113px; width: 2vw; min-width: 25px; height: 2vw; min-height: 25px; --swiper-navigation-size: 12px; outline:none;} 
.home3product .swiper-button-prev{left:calc(100% - 10%);}
.home3product .swiper-button-next{right:0;}
.home3product .swiper-button-prev:hover, .home3product .swiper-button-next:hover{background: #036c4d; border:2px solid #036c4d;}

.slide4{padding-left: 18%; display: flex; align-items: center; justify-content:center;}
.home4news{width: 100%; position: relative; margin-top: 4%; padding-bottom: 4%;}
.home4news .swiper-container{}
.home4news .swiper-slide{color: #fff;}
.home4news .swiper-slide .title{margin-top: 2vh; font-weight: bold; display: flex; align-items: center; justify-content: flex-start;}
.home4news .swiper-slide .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home4news .swiper-slide .title i{margin-left: 1vw;}
.home4news .swiper-slide .desc{padding: 2vh 0; line-height: 1.6;}
.home4news .swiper-slide .desc p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home4news .swiper-slide .more{display: inline-block; padding: 5px 15px; border-radius: 100px; background: #fff; color: #036c4d;}
.home4news .swiper-slide:hover .more{background: #036c4d; color: #fff;}
.home4news .swiper-button-prev, .home4news .swiper-button-next{top: calc(100% - 34px); background:none; border:2px solid #fff; color: #fff; border-radius: 113px; width: 2vw; min-width: 25px; height: 2vw; min-height: 25px; --swiper-navigation-size: 12px; outline:none;} 
.home4news .swiper-button-prev{left:calc(100% - 10%);}
.home4news .swiper-button-next{right:0;}
.home4news .swiper-button-prev:hover, .home4news .swiper-button-next:hover{background: #036c4d; border:2px solid #036c4d;}

.slide5{padding-left: 18%; display: flex; align-items: center; justify-content:center;}
/*.home5box{margin-top: 4%; display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.home5box .list{position: relative; width: calc((100% - 4%) / 5);}
.home5box .list .img{position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;}
.home5box .list .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.home5box .list:hover .img img{transform: scale(1.2);}
.home5box .list .title{font-weight: bold; color: #fff; margin-top: 2vh;}*/
.home5box{width: 100%; position: relative; margin-top: 4%; padding-bottom: 8%;}
.home5box .swiper-container{}
.home5box .swiper-slide{color: #fff;}
.home5box .swiper-slide .img{position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden;}
.home5box .swiper-slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.home5box .swiper-slide:hover .img img{transform: scale(1.2);}
.home5box .swiper-slide .title{font-weight: bold; color: #fff; margin-top: 2vh;}
.home5box .swiper-button-prev, .home5box .swiper-button-next{top: calc(100% - 34px); background:none; border:2px solid #fff; color: #fff; border-radius: 113px; width: 2vw; min-width: 25px; height: 2vw; min-height: 25px; --swiper-navigation-size: 12px; outline:none;} 
.home5box .swiper-button-prev{left:calc(100% - 10%);}
.home5box .swiper-button-next{right:0;}
.home5box .swiper-button-prev:hover, .home5box .swiper-button-next:hover{background: #036c4d; border:2px solid #036c4d;}

.slide6{padding-left: 18%; display: flex; align-items: center; justify-content:center;}
.slide6 .home3{padding: 10vh 0 35vh 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);}
.home6box{width: 100%; color: #fff; display: flex; justify-content: flex-start; flex-flow: wrap;}
.home6box .code{display: flex; justify-content: flex-start;}
.home6box .code .list:first-child{margin-right: 2vw;}
.home6box .code .list span img{width: 7vw; min-width: 95px;}
.home6box .code .list p{margin-top: .6vh;}
.home6box .code .list p img{width: .7vw; min-width: 12px; margin-right: 10px;}
.home6box .contact{margin-left: 4vw;}
.home6box .contact .desc{padding: 1.5vh 0 2vh 0; line-height: 1.8;}
.home6box .contact .more a{padding: 7px 1.2vw; display: inline-block; color: #036c4d; background: #fff; border-radius: 100px;}

@media screen and (max-width: 1366px){
	.slide01-box .text1{font-size: 30px; font-size: 3rem;}
	.slide01-box .text2{font-size: 58px; font-size: 5.8rem;}
	.slide01-box .text3{font-size: 22px; font-size: 2.2rem;}
}
@media screen and (max-width: 1280px){
	.slide01-box .text1{font-size: 28px; font-size: 2.8rem;}
	.slide01-box .text2{font-size: 50px; font-size: 5rem;}
	.slide01-box .text3{font-size: 22px; font-size: 2.2rem;}
	
	.home2{width: 65%;}
}
@media screen and (max-width: 800px){
	.homeswiper .swiper-wrapper .swiper-slide .bg01{background: url(
	"m-home-bg-01.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg02{background: url(
	"m-home-bg-02.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg03{background: url(
	"m-home-bg-03.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg1{background: url(
	"m-home-bg-1.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg2{width: 100%; height: 100%; background: url(
	"m-home-bg-2.jpg") no-repeat left center; background-size: cover; }
	.homeswiper .swiper-wrapper .swiper-slide .bg3{width: 100%; height: 100%; background: url(
	"m-home-bg-3.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg4{width: 100%; height: 100%; background: url(
	"m-home-bg-4.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg5{width: 100%; height: 100%; background: url(
	"m-home-bg-5.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-wrapper .swiper-slide .bg6{width: 100%; height: 100%; background: url(
	"m-home-bg-6.jpg") no-repeat left center; background-size: cover;}
	.homeswiper .swiper-pagination{transform: translate(-2%, -15px);}
	.homeswiper .swiper-button-prevt{left:1%;}
	
	
	.slide01{padding: 40px 5% 0;}
	.slide01-box .text2{margin: 3% 0;}
	.slide01-box .text4{margin-top: 6%;}
	
	.slide1{padding: 40px 5% 0;}
	.slide1-box{justify-content: center;}
	.home1{width: 100%; max-width: 100%;}
	.home1-rw{width: 70%; max-width: 100%;}
	
	.slide2{padding: 40px 5% 0;}
	.home2{width: 100%; max-width:100%;}
	.home2 .qnav a{padding: 7px 20px; margin-right: 3vw;}
	
	.slide3{padding: 40px 5% 0;}
	.home3{width: 100%; max-width: 100%;}
	
	.slide4{padding: 40px 5% 0;}
	.home4news{width: 100%; max-width: 100%; padding-bottom: 16%;}
	
	.slide5{padding: 40px 5% 0;}
	/*.home5box .list{width: calc((100% - 4%) / 2); margin: 2% 0;}*/
	
	.slide6{padding: 40px 5% 0;}
	.slide6 .home3{padding: 7vh 0 25vh 0;}
	.home6box .contact .more a{padding: 6px 2.5vw;}
}
@media screen and (max-width: 560px){
	.homeswiper .swiper-pagination-bullet{margin:0 3px !important; box-shadow: 0 0 8px rgba(0,0,0,.3);}
	
	.slide01-box .text1{font-size: 20px; font-size: 2rem;}
	.slide01-box .text2{font-size: 34px; font-size: 3.4rem; margin: 6% 0;}
	.slide01-box .text3{font-size: 18px; font-size: 1.8rem; line-height: 2;}
	.slide01-box .text3 p:first-child{border: 3px solid #ffcc00; padding: 5px 5px;}
	.slide01-box .text3 p:nth-child(2){border: 3px solid #ffcc00; padding: 5px 5px;}
	.slide01-box .text4{max-width: 100%; margin-top: 14%;}
	
	.home1 .title{font-size: 34px; font-size: 3.4rem;}
	.home1-rw{margin-top: 12%; width: 80%; max-width: 100%;}
	
	.home2 .title{font-size: 34px; font-size: 3.4rem;}
	.home2 .qnav a{padding: 5px 15px;}

	.home3product .swiper-button-prev{left:calc(100% - 25%);}
	.home3product .swiper-button-prev, .home3product .swiper-button-next{min-width: 24px; min-height: 24px; --swiper-navigation-size: 8px;}
	
	.home4news .swiper-button-prev{left:calc(100% - 25%);}
	.home4news .swiper-button-prev, .home4news .swiper-button-next{min-width: 24px; min-height: 24px; --swiper-navigation-size: 8px;}
	
	.home5box .swiper-button-prev{left:calc(100% - 25%);}
	.home5box .swiper-button-prev, .home5box .swiper-button-next{top: calc(100% - 22px); min-width: 24px; min-height: 24px; --swiper-navigation-size: 8px;}
	
	.slide6 .home3{padding: 4vh 0 12vh 0;}
	.home6box .code{width: 100%;}
	.home6box .code .list:first-child{margin-right: 5vw;}
	.home6box .contact{width: 100%; margin-left: 0; margin-top: 5vh;}
	.home6box .contact .more a{padding: 5px 4vw;}
}

/*head*/
.header{position: fixed; left: 0; top: 0; z-index: 99; width: 100%; border-bottom: 1px solid rgba(255,255,255,.12);}
.header.fixed{background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .container{height:110px; display: flex; align-items: center; justify-content:space-between; transition: .7s;}
.header.fixed .container{height:85px;}

.header .logo{width:200px; height:100%;}
.header .logo a{display: inline-block; width: 100%; height:100%; background: url(logo1.png) center center no-repeat; background-size:100%; transition: 1s;}
.header.fixed .logo a{background: url(logo.png) center center no-repeat; background-size:100%;}

.header .nav{flex: 1; width: 100%; height:110px; margin-left: 10%; display: flex; align-items: center;}
.header.fixed .nav{height:85px;}
.header .nav .nav_pc{width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .nav ul li{position: relative; z-index: 9; width: 100%; height: 100%; display: flex; align-items: center; justify-content:center;}
.header .nav ul li .f_a{height: 100%; text-align:center; display: flex; align-items: center; justify-content:center;}
.header .nav ul li .f_a a{color: #fff; display: block;}
.header.fixed .nav ul li .f_a a{color: #2b2b2b;}
.header .nav ul li.hovert .f_a{border-bottom: 3px solid #fff;}
.header.fixed .nav ul li.hovert .f_a{border-bottom: 3px solid #036c4d;}
.header.fixed .nav ul li:hover .f_a a, .header.fixed .nav ul li.hovert .f_a a{color: #036c4d;}
.header .nav ul li .s_navbox{display:none; position: absolute; left: 50%; transform:translate(-50%,0); top:100%; width: 160px; border-top: 2px solid #036c4d; border-radius: 3px; background:rgba(255,255,255,1); z-index: 9;}
.header .nav ul li .s_navbox .s_a a{text-transform:uppercase; display:block; text-align: center; padding: 10px 15px; border: 1px solid rgba(0,0,0,.07); border-top: none;}
.header .nav ul li .s_navbox .s_a a:hover{background:#036c4d; color: #fff;}

@media screen and (max-width: 1280px){
	.header .container{height:90px;}
	.header.fixed .container{height:75px;}
	
	.header .logo{width:170px;}
	
	.header .nav{height:90px; margin-left: 5%;}
	.header.fixed .nav{height:75px;}
	.header .nav ul li .s_navbox{width: 150px;}
}
@media screen and (max-width: 1024px){
	.header .container{height:75px;}
	.header.fixed .container{height:65px;}
	
	.header .logo{width:150px;}
	
	.header .nav{height:75px; margin-left: 3%;}
	.header.fixed .nav{height:65px;}
	.header .nav ul li .s_navbox{width: 144px;}
}

.m_nav{display:none}
.m_img{display: none}

/*移动端导航*/
@media screen and (max-width: 800px) and (min-width: 0px){
	.top{display:none}
	.header{display:none}
	.m_img{display:block; height:50px; background:#fff; position:fixed; top:0px; left:0px; width:100%; z-index:9999; border-bottom:1px solid #ddd;}
	.m_img .headlf{padding:0 2%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
	.m_img .headlf .m_logo{height:30px; display: block;}
	.m_img .headrg{padding-right:2%; padding-top:16px; float: right;}
	.m_img .headrg a .m_menuimg{height:16px; vertical-align:top; display: block}
	.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
	.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
	.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
	.m_nav .m_navList ul li{border-bottom:1px solid #232530}
	.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.m_nav .m_navList ul li .m_f_a{display: flex; align-items: center; justify-content: space-between; width: 100%}
	.m_nav .m_navList ul li .m_f_a a{flex: 1;}
	.m_nav .m_navList ul li .m_f_a i{width: 40px; height:35px; box-sizing: border-box; padding:0 5px; display: block;}
	.icon{ background:url(plus.png) 100% no-repeat; background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.icon_on{background:url(reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
	.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}

/*banner*/
.banner{width: 100%; position: relative;}

.banner-top{position: absolute; bottom: 15%; left: 0;}

.banner .swiper-container{width: 100%; height: 100%;}
.banner .swiper-slide{}
.banner .swiper-slide .swiper-slide-img{width: 100%; height: 100%;}
.banner .swiper-slide .swiper-slide-img img{width: 100%; height: 100%; object-fit: cover;}
.banner .swiper-slide .p-desc{position: absolute; left: 10.94%; bottom: 6%; color: #fff;}
.banner .swiper-slide .p-desc .p-desc-text2{margin: 3% 0 12% 0;}

.banner .swiper-container .swiper-pagination{text-align: center; position:absolute; bottom:10px;}
.banner .swiper-pagination-bullet{background:none;opacity:1; margin:0 6px !important; width:12px; height:12px; position:relative; outline:none;vertical-align:middle;}
.banner .swiper-pagination-bullet span{width:7px;height:7px; background:rgba(0,0,0,.5); display:block; border-radius:50%; margin-top:1px; margin-left:1px;}
.banner .swiper-pagination-bullet i{background:#036c4d;height:1px;width:20px;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;z-index:3;transition-timing-function:linear;}
.banner .swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0; background:#036c4d; position:relative;z-index:1;}
.banner .swiper-pagination-bullet-active i{animation:middle 6s;}
.banner .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.banner .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}	
@keyframes first{0% {transform:scaleX(0.5);left:0px;}/*091*/100% {transform:scaleX(1);left:2px;} /*0915*/}
@keyframes last{0% {transform:scaleX(0.7);left:-10px;}/*1090*/20% {transform:scaleX(0.3);left:2px;} /*090*/100% {transform:scaleX(0.3);left:0px;} /*090*/}		
@keyframes middle{0% {transform:scaleX(0.7);left:-10px;}/*1091*/20% {transform:scaleX(0.45);left:2px;}/*092*/100% {transform:scaleX(1);left:2px;} /*0913*/}	
.banner .swiper-button-prev, .banner .swiper-button-next{top: 47%; background:rgba(0,0,0,.2); color: #fff; border-radius: 5px; width: 30px; height: 60px; --swiper-navigation-size: 15px; outline: none;}
.banner .swiper-button-prev{left:1%;}
.banner .swiper-button-next{right:1%;}
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{background: #036c4d;}

@media only screen and (max-width:1024px){
	.banner .swiper-button-prev, .banner .swiper-button-next{border-radius: 3px; width: 25px; height: 50px; --swiper-navigation-size: 12px;}
}
@media only screen and (max-width:800px){
	.banner{margin-top: 50px; height: 30vh;}

	.banner .swiper-slide .p-desc .p-desc-text1{font-size: 30px; font-size: 3.0rem;}
	.banner .swiper-slide .p-desc .p-desc-text2{font-size: 18px; font-size: 1.8rem;}
	
	.banner .swiper-button-prev, .banner .swiper-button-next{width: 20px; height: 40px; --swiper-navigation-size: 8px;}
}

@media only screen and (max-width:560px){
	.banner .swiper-slide .p-desc .p-desc-text1{font-size: 24px; font-size: 2.4rem;}
	.banner .swiper-slide .p-desc .p-desc-text2{font-size: 16px; font-size: 1.6rem;}

	.banner .swiper-container .swiper-pagination{bottom:3px;}
	.banner .swiper-pagination-bullet{width:10px; height:10px;}
	.banner .swiper-pagination-bullet span{width:7px;height:7px;}
	.banner .swiper-pagination-bullet i{top:3px;}
}


/**底部**/
.footer{background:#036c4d; color: #b6cbc3; padding-top: 4%;}
.footer a{color: #b6cbc3;}
.footer a:hover{color: #fff;}

.footer-box{display: flex; justify-content: space-between;}

.footer-contact{display: flex; align-items: flex-start; justify-content: flex-start;}
.footer-contact .contact{margin-right: 5vw;}
.footer-contact .contact p:first-child{color: #fff;}
.footer-contact .contact p:nth-child(2){margin-top: 1.5vh;}

.footer-contact .wxqq{margin-top: 5px; display: flex; align-items: center; justify-content: center;}
.footer-contact .wxqq i{color: rgba(255,255,255,.5); transition: .3s; cursor: pointer; margin: 0 .8vw;}
.footer-contact .wxqq i:hover{color: #fff;}
.footer-contact .wxqq .wx{position: relative;}
.footer-contact .wxqq .wx .img{display: none; opacity: 0; position: absolute; bottom: 150%; left: 50%; transform: translate(-50%, 0);}
.footer-contact .wxqq .wx .img img{width: 100px; border: 1px solid rgba(3,108,77,.15);}
.footer-contact .wxqq .wx:hover .img{display: block; opacity: 1;}
.footer-contact .wxqq .wx:hover i{color: #fff;}

.footer-wx{display: flex; justify-content: flex-start; color: #fff;}
.footer-wx .list:first-child{margin-right: 2vw;}
.footer-wx .list span img{width: 6vw; min-width: 95px;}
.footer-wx .list p{margin-top: .6vh;}
.footer-wx .list p img{width: .7vw; min-width: 12px; margin-right: 10px;}

.footer-copy{border-top: 1px solid rgba(255,255,255,.1); margin-top: 3%; padding: 1.5% 0 2% 0; line-height: 1.8;}
.footer-copy .item1{display: flex; align-items: center; justify-content: flex-start;}
.footer-copy .item1 p:nth-child(2){margin-left: 10px;}

@media only screen and (max-width:800px){
}
@media only screen and (max-width:560px){
	.footer-box{flex-flow: wrap;}
	.footer-contact{width: 100%; text-align: center; justify-content: center;}
	.footer-contact .contact p:nth-child(2){margin-left: 15vw;}
	.footer-wx{width: 100%; justify-content: center; margin-top: 5%;}
	.footer-wx .list:first-child{margin-right: 5vw;}
	.footer-wx .list span img{min-width: 85px;}
	
	.footer-copy{text-align: center;}
	.footer-copy .item1{flex-flow: wrap;}
	.footer-copy .item1 p{width: 100%;}
	.footer-copy .item1 p:nth-child(2){margin-left: 0;}
}


/*内页*/
.aboutbody-top{margin-top: 1%; border-bottom: 1px solid rgba(0,0,0,.1);}
.aboutbody-top .container{display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.aboutbody-top .container .title{color: #036c4d; border-left: .5vw solid #036c4d; padding-left: .8vw;}

.searchform{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,.07); padding-bottom: 10px; margin-top: 15px;}
.searchform input{height: 23px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block;}
.searchform input[type="search"]{width:167px; background:none; border: none; font-size: 18px; font-size: 1.8rem;}
.searchform input[type="submit"]{width:23px; text-indent: -99999px; margin: 0; padding: 0; background: url(search-ico.png) no-repeat; background-size: 100%; border: none; cursor: pointer;}

.mainbody{display: flex; justify-content: space-between; padding: 1% 0;}
.mainbody-left{width: 65%;}
.mainbody-right{width: 27%;}

.mainbody_content{line-height:2; text-align:justify;}
.mainbody_content p{margin:1.5% 0;}
.mainbody_content img{max-width:100%;}

@media only screen and (max-width:1024px){
	.searchform{display: none;}
}
@media only screen and (max-width:800px){
	.aboutbody-top{margin-top: 3%; padding-bottom: 2%;}
	.aboutbody-top .container .title{margin: 2% 0; border-left: 4px solid #036c4d;}
	
	.mainbody{flex-flow: wrap;}
	.mainbody-left{width: 100%;}
	.mainbody-right{width: 100%; margin: 2% 0;}
	.mainbody_content iframe{width: 100vw; height: 100vh;}
}


/*about-nav*/
.about-nav{flex: 1; width: 100%; margin:0 5%; display: flex; justify-content:flex-start;}
.about-nav a{position: relative; overflow: hidden; color: #999; transition: .5s; padding:3% 0; margin-right: 4%; display: flex; align-items: center; justify-content: center;}
.about-nav a:last-child{margin-right: 0;}
.about-nav a::before{position: absolute; content: ""; left: 0; bottom: 0; height:2px; width: 0; background: #036c4d; transition: .3s;}
.about-nav a:hover::before, .about-nav a.cur::before{width: 100%;}
.about-nav a div{position: relative;}
.about-nav a:hover, .about-nav a.cur, .about-nav a:hover i, .about-nav a.cur i{color: #036c4d;}

@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:800px){
	.about-nav{flex: none; margin:0 0; flex-flow: wrap;}
	.about-nav a{width: calc((100% - 4%) / 5); text-align: center; padding: 1% 2%; margin: 0.5% 1% 0.5% 0; border-radius: 3px; border: 1px solid rgba(0,0,0,.15);}
	.about-nav a:nth-child(5n){margin-right: 0;}
	.about-nav a::before{height:100%;}
	.about-nav a span{position: relative;}
	.about-nav a:hover, .about-nav a.cur{border: 1px solid #036c4d;}
	.about-nav a:hover, .about-nav a.cur, .about-nav a:hover i, .about-nav a.cur i{color: #fff;}
}
@media only screen and (max-width:560px){
	.about-nav a{width: calc((100% - 3%) / 4); padding: 1% 3%; margin: 1% 1% 1% 0; font-size: 16px; font-size: 1.6rem;}
	.about-nav a:nth-child(4n){margin-right: 0;}
	.about-nav a:nth-child(5n){margin-right: 1%;}
}

/*内页产品列表*/
.bodyproduct{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.bodyproduct:after{content: ''; width: calc((100% - 10%) / 2);}
.bodyproduct .list{width: calc((100% - 10%) / 2); padding: 1% 0; margin: 2% 0; position: relative; border-bottom: 1px solid rgba(0,0,0,.1); display: flex; align-items: center; justify-content: space-between;}
.bodyproduct .list .img{width: 30%;}
.bodyproduct .list .img p{position: relative; height: 0; padding-bottom: 130%; overflow: hidden;}
.bodyproduct .list .img p img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.bodyproduct .list:hover .img p img{transform: scale(1.1);}
.bodyproduct .list .box{width: 65%;}
.bodyproduct .list .box .title{font-weight: bold; display: flex; align-items: center; justify-content: flex-start;}
.bodyproduct .list:hover .box .title{color: #036c4d;}
.bodyproduct .list .box .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.bodyproduct .list .box .title i{margin-left: 1vw;}
.bodyproduct .list .box .desc{color: #999; padding: 2vh 0; line-height: 1.6;}
.bodyproduct .list .box .desc p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.bodyproduct .list .box .more{display: inline-block; padding: 5px 15px; border-radius: 100px; border: 1px solid rgba(0,0,0,.1); color: #036c4d;}
.bodyproduct .list:hover .box .more{background: #036c4d; border: 1px solid #036c4d; color: #fff;}

@media only screen and (max-width:800px){
	.bodyproduct:after{content: ''; width:100%;}
	.bodyproduct .list{width:100%;}
}
@media only screen and (max-width:560px){
	.bodyproduct .list .box .title{font-size: 18px; font-size: 1.8rem;}
	.bodyproduct .list .box .desc{padding: 1vh 0;}
}

/*内页图片列表*/
.productny-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.productny-list:after{content: ''; width:calc((100% - 3%) / 3);}
.productny-list .list{position: relative; width:calc((100% - 3%) / 3); margin: 2vh 0; transition: .5s;}
.productny-list .list .img{width: 100%; position: relative; height: 0; overflow: hidden; padding-bottom: 70%; border: 1px solid rgba(0,0,0,.1);}
.productny-list .list:hover .img{border: 1px solid #036c4d;}
.productny-list .list .img p{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; display: flex; align-items: center; justify-content: center;}
.productny-list .list .img p img{width: 100%; height: 100%; padding: 3% 3%; object-fit: cover; transition: all .5s;}
.productny-list .list:hover .img img {transform: scale(1.15);}

.productny-list .list .imgt {width: 100%; position: relative; height: 0; overflow: hidden; padding-bottom: 70%; border: 1px solid rgba(0,0,0,.1);}
.productny-list .list:hover .imgt{border: 1px solid #036c4d;}
.productny-list .list .imgt p{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; display: flex; align-items: center; justify-content: center;}
.productny-list .list .imgt p img{max-width: 100%; max-height: 100%; padding: 3% 3%; transition: all .5s;}
.productny-list .list:hover .imgt img {transform: scale(1.15);}

.productny-list .list .title{position: relative; z-index: 2; margin-top: 1.5vh; transition: .3s;}
.productny-list .list:hover .title{color: #036c4d;}
.productny-list .list .title p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

@media only screen and (max-width:800px){
	.productny-list:after{content: ''; width:48%;}
	.productny-list .list{width:48%;}
}
@media only screen and (max-width:560px){
	.productny-list:after{content: ''; width:100%;}
	.productny-list .list{width:100%;}
}

/*内页图片右侧推荐*/
.productshowhot-title{color: #000; padding-bottom: 7%; margin-bottom: 7%; border-bottom: 1px solid rgba(0,0,0,.1);}
.productshowhot .list{position: relative;}
.productshowhot .list .img{width: 100%; position: relative; height: 0; padding-bottom: 65%; border: 1px solid #ededed;}
.productshowhot .list:hover .img{border: 1px solid #036c4d;}
.productshowhot .list .img p{position: absolute; width: 94%; height: 92%; top: 4%; left: 3%; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.productshowhot .list .img p img{max-width: 100%; max-height: 100%; transition: all .4s;}
.productshowhot .list:hover .img img {transform: scale(1.15);}

.productshowhot .list .imgt{width: 100%; position: relative; height: 0; padding-bottom: 70%; border: 1px solid #ededed; background: #f9f9f9; border-radius: 3px;}
.productshowhot .list:hover .imgt{background: #036c4d;}
.productshowhot .list .imgt p{position: absolute; width: 94%; height: 92%; top: 4%; left: 3%; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.productshowhot .list .imgt p img{width: 100%; height: 100%; object-fit: cover; transition: all .4s;}
.productshowhot .list:hover .imgt img {transform: scale(1.15);}

.productshowhot .list .title{margin: 5% 0; transition: .5s;}
.productshowhot .list:hover .title{color: #036c4d;}

/*内页新闻列表*/
.newslist{}
.newslist .list{position: relative; padding: 5% 0; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,.1); transition: .5s;}
.newslist .list::before{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height:1px; background: #036c4d; transition: .7s;}
.newslist .list:hover::before{width: 100%;}
.newslist .list .img{position: relative; width: 100%; height: 0; padding-bottom: 36%; margin-bottom: 2vh; overflow: hidden; border:1px solid rgba(0,0,0,.1);}
.newslist .list .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list:hover .img img{transform: scale(1.1);}
.newslist .list .time{color: #999;}
.newslist .list .time span{margin:0 1vw;}
.newslist .list .title{margin: 2vh 0;}
.newslist .list:hover .title{color: #036c4d;}
.newslist .list .desc{color: #999;}
.newslist .list .desc p{line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist .list .more{margin-top: 2vh; color: #cccccc;}
.newslist .list .more i{color: #036c4d; margin-left: 10px; font-size: 20px; font-size: 2rem;}

@media only screen and (max-width:800px){
	.newslist .list .title{font-size: 20px; font-size: 2rem;}
}
@media only screen and (max-width:560px){
	.newslist .list .title{font-size: 18px; font-size: 1.8rem; margin: 1.5vh 0;}
	.newslist .list .more{margin-top: 1.5vh;}
}

/**新闻列表热门新闻**/
.newshot .list .img{padding-bottom: 50%;}

@media only screen and (max-width:800px){
	.newshot{display: none;}
}

/*内页新闻详情*/
.newsshowbox{display: flex; align-items: flex-start; justify-content: space-between;}
.newsshowbox .mainbody{width: 68%; background: #fafafa; padding: 5%;}
.newsshow-title{color: #333; line-height: 1.4;}
.newsshow-info{color: #acacac; padding: 1.5% 0; margin-top: 1%; border-bottom: 1px solid rgba(0,0,0,.1);}

/*内页新闻详情右侧推荐新闻*/
.newsshowzx{}
.newsshowzx .newsshowzx-title{color: #000; padding-bottom: 7%; margin-bottom: 7%; border-bottom: 1px solid rgba(0,0,0,.1);}
.newsshowzx .list{position: relative; margin: 6% 0; display: flex; align-items: center; justify-content: flex-start;}
.newsshowzx .list .num{width: 1vw; min-width: 18px; height: 1vw; min-height: 18px; border-radius: 3px; margin-right: 10px; background: #cfcfcf; color: #fff; display: flex; align-items: center; justify-content: center;}
.newsshowzx .list:first-child .num{background: #e54346;}
.newsshowzx .list:nth-child(2) .num{background: #f18545;}
.newsshowzx .list:nth-child(3) .num{background: #f4ac2e;}
.newsshowzx .list .num p{line-height: 1;}
.newsshowzx .list .title{flex: 1; width: 100%; color: #777;}
.newsshowzx .list:hover .title{color: #036c4d; text-decoration: underline;}
.newsshowzx .list .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

@media only screen and (max-width:800px){
	.mainbodynews{padding: 5% 0;}
	.mainbodynews-left{width: 100%; padding-right: 0; border-right:none;}
	.mainbodynews-right{width: 100%; padding-left: 0; margin-top: 6%;}
	.newsshow-title {line-height: 1.5; font-size: 26px; font-size: 2.6rem;}
	
	.newsshowzx .newsshowzx-title{padding-bottom: 3%; margin-bottom: 3%;}
	.newsshowzx .list{margin: 3% 0;}
}
@media only screen and (max-width:560px){
	.newsshow-title {font-size: 22px; font-size: 2.2rem;}
}


/*内页新闻、图片详细内容*/
.right_content_top{width: 100%;}
.right_content_title{width: 100%; font-size: 42px; text-align: center; line-height: 50px; color: #000; padding: 15px 0; }
.right_content_info{width: 100%; height:40px;line-height:40px;text-align:center; margin:15px 0; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(0,0,0,.1); color:#666; font-size: 15px;}
.right_content_info small{margin-left:18px;margin-right:3px;color:#999;font-size:14px;}
.right_content_desc{margin:30px 0 15px; padding:5px 10px; line-height:25px; border:1px solid #f4e4b4; background:#fffff0; font-size:14px;}
.right_content_content{line-height:1.75; margin-top: 3%; text-align: justify;}
.right_content_content p{margin: 1.3% 0;}
.right_content_content img{max-width:100%;}

@media only screen and (max-width:1599px){
	.right_content_title{font-size: 30px; line-height: 40px; padding: 12px 0;}
}
@media only screen and (max-width:1359px){
	.right_content_title{font-size: 25px; line-height: 40px; padding: 12px 0;}
	
	.right_content_content p{margin: 8px 0;}
}
@media only screen and (max-width:1023px){
	.right_content_title{font-size: 20px; line-height: 30px; padding: 10px 0;}
	
	.right_content_content p{margin: 5px 0;}
}
@media only screen and (max-width:560px){
	.right_content_title{font-size: 16px; line-height:22px;}
	.right_content_info{height:30px; line-height:30px; margin: 0 0; text-align:center; font-size: 12px;}
	.right_content_info small{margin-left:0;margin-right:0;font-size:12px;}
	
	.right_content_content{line-height: 160%;}
}

/*详细页上一页下一页收藏打印*/
.preNext{width: 100%; margin-top: 20px; border-top: 1px solid rgba(0,0,0,.1); position: relative;}
.preNext .text{color:#999; margin-top: 20px; line-height: 30px;}
.preNext .actBox{position:absolute;top:25px;right:0;}
.preNext .actBox li{display:inline;padding-left:22px;background-image:url(actbox-ico.gif);background-repeat:no-repeat;margin-left:10px;}
.preNext .actBox li a{color:#666;}
.preNext .actBox li#act-fav{background-position:4px 0px;}
.preNext .actBox li#act-err{background-position:4px -37px;}
.preNext .actBox li#act-pus{background-position:4px -70px;}
.preNext .actBox li#act-pnt{background-position:4px -105px;}

@media only screen and (max-width:800px){

}
@media only screen and (max-width:560px){
	.preNext{margin-top: 0;}
	.preNext .text{margin-top: 10px; line-height: 20px;}
	.preNext .actBox{top:7px;}
}

/*内页服务范围*/
.fwfw-title{color: #036c4d; border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 3vh; margin-bottom: 3vh;}
.cat-title{padding: 3vh 0; margin-bottom: 3vh; border-bottom: 1px solid rgba(0,0,0,.08);}
.cat-title p{padding: 1vh 1.5vw; background: #036c4d; color: #fff; border-radius: .5vw; display: inline-block;}

.fwfw-img{position: relative; margin: 3vh 0; overflow:hidden;}
.fwfw-img .swiper-container{width: 100%;}
.fwfw-img .swiper-slide{}
.fwfw-img .swiper-slide .img{position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; border: 1px solid rgba(0,0,0,.1);}
.fwfw-img .swiper-slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.fwfw-img .swiper-slide:hover .img img{transform: scale(1.1);}
.fwfw-img .swiper-slide .title{font-weight: bold; margin-top: 1vh;}
.fwfw-img .swiper-slide .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.fwfw-img .swiper-button-prev, .fwfw-img .swiper-button-next{top:40%; background:none; background: rgba(0,0,0,.6); color: #fff; border-radius: 113px; width: 2vw; min-width: 25px; height: 2vw; min-height: 25px; --swiper-navigation-size: 12px; outline:none;} 
.fwfw-img .swiper-button-prev{left:1%;}
.fwfw-img .swiper-button-next{right:1%;}
.fwfw-img .swiper-button-prev:hover, .fwfw-img .swiper-button-next:hover{background: #036c4d; border:2px solid #036c4d;}

.fwfw-other{}
.fwfw-other .list{position: relative; margin-bottom: 4vh;}
.fwfw-other .list .img{position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden;}
.fwfw-other .list .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.fwfw-other .list:hover .img img{transform: scale(1.2);}
.fwfw-other .list .title{font-weight: bold; margin-top: 2vh;}

@media only screen and (max-width:800px){
	.cat-title p{padding: 1vh 3vw; border-radius: 1vw;}
}

/*内页培训课程*/
.pxkc{}
.pxkc-top{border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 3vh; margin-bottom: 3vh;}
.pxkc-top-top{display: flex; justify-content: space-between; flex-flow: wrap;}
.pxkc-top-top .left{width: 80%; color: #036c4d;}
.pxkc-top-top .left .title{}
.pxkc-top-top .left .desc{line-height:1.8; text-align:justify;}
.pxkc-top-top .left .desc p{margin:1.2% 0;}
.pxkc-top-top .left .desc img{max-width:100%;}
.pxkc-top-top .right{margin-top: 2vh;}
.pxkc-top-top .right a{padding: 1.5vh 2.5vw; color: #fff; background: #036c4d; border-radius: 1000px; transition: .5s;}
.pxkc-top-top .right a:hover{background: #144939;}
.pxkc-top .adv{margin-top: 2vh; display: flex; align-items: center; justify-content: flex-start;}
.pxkc-top .adv p{margin-right: 7%; color: #999; display: flex; align-items: center; justify-content: flex-start;}
.pxkc-top .adv p i{margin-right: 1vw;}

.pxkc-kcjs{position: relative; margin: 3vh 0; overflow:hidden;}
.pxkc-kcjs .swiper-container{width: 100%;}
.pxkc-kcjs .swiper-slide{position: relative; border-radius: 1.8vw; overflow: hidden;}
.pxkc-kcjs .swiper-slide .img{position: relative; width: 100%; height: 0; padding-bottom: 45%; overflow: hidden;}
.pxkc-kcjs .swiper-slide .img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s; border: 1px solid rgba(0,0,0,.1);}
.pxkc-kcjs .swiper-slide:hover .img img{transform: scale(1.1);}
.pxkc-kcjs .swiper-slide .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-image: linear-gradient(to right, #036c4d, rgba(3,108,77,0)); color: #fff; display: flex; align-items: center; justify-content: flex-start;}
.pxkc-kcjs .swiper-slide .box .boxt{padding: 0 10%;}
.pxkc-kcjs .swiper-slide .title{font-weight: bold; margin-bottom: 1vh;}
.pxkc-kcjs .swiper-slide .title p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.pxkc-kcjs .swiper-slide .desc p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.pxkc-kcjs .swiper-button-prev, .pxkc-kcjs .swiper-button-next{top:50%; transform: translate(0, -30%); background:none; background: rgba(0,0,0,.6); color: #fff; border-radius: 113px; width: 2vw; min-width: 25px; height: 2vw; min-height: 25px; --swiper-navigation-size: 12px; outline:none;} 
.pxkc-kcjs .swiper-button-prev{left:1%;}
.pxkc-kcjs .swiper-button-next{right:1%;}
.pxkc-kcjs .swiper-button-prev:hover, .pxkc-kcjs .swiper-button-next:hover{background: #036c4d; border:2px solid #036c4d;}

.pxkc-kcap{display: flex; justify-content: space-between; flex-flow: wrap;}
.pxkc-kcap .list{width:50%; padding: 3vh 0; display: flex; justify-content: flex-start;}
.pxkc-kcap .list:nth-child(2n){padding-left: 5%;}
.pxkc-kcap .list:nth-child(4n-3), .pxkc-kcap .list:nth-child(4n-2){background: #fbfbfb;}
.pxkc-kcap .list .num{font-size: 62px; font-size: 6.2rem; color: #ededed; padding: 0 2vw; line-height: 1;}
.pxkc-kcap .list .box{line-height: 1.6;}

@media only screen and (max-width:800px){
	.pxkc-top-top .left{width: 100%;}
	.pxkc-top-top .right a{padding: 1vh 3vw;}
	.pxkc-top .adv{margin-top: 4vh;}
}
@media only screen and (max-width:560px){
	.pxkc-kcap .list{width:100%; padding: 2vh 0;}
	.pxkc-kcap .list:nth-child(4n-3), .pxkc-kcap .list:nth-child(4n-2){background: none;}
	.pxkc-kcap .list:nth-child(2n){padding-left: 0; background: #fbfbfb;}
	.pxkc-kcap .list .num{font-size: 42px; font-size: 4.2rem;}
}

/*内页在线地图*/
.contactmapbox{position: relative; width: 100%; height: 0; padding-bottom: 40%; overflow: hidden; border: 1px solid rgba(0,0,0,.2);}
.contactmapbox #map{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2;}
.contactmapbox iframe, #map{width: 100%; height: 100%;}

@media only screen and (max-width:800px){
	.contactmapbox{padding-bottom: 60%;}
}


/*内页证书查询*/
.zscxbz{padding: 5vh 0; display: flex; align-items: center; justify-content: space-around;}
.zscxbz .list{position: relative; width: calc(100% / 3);}
.zscxbz .list::before{position: absolute; content: ""; left: 0; top: 15px; width: 100%; height: 1px; background: rgba(0,0,0,.08);}
.zscxbz .list p{position: relative; margin: 0 auto; text-align: center; }
.zscxbz .list p:first-child{color: #fff; width: 30px; height: 30px; text-align: center; background: #cccccc; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.zscxbz .list p:nth-child(2){color: #cccccc; margin-top: 1vh;}
.zscxbz .on::before{position: absolute; content: ""; left: 0; top: 15px; width: 100%; height: 1px; background: #036c4d;}
.zscxbz .on p:first-child{background: #036c4d;}
.zscxbz .on p:nth-child(2){color: #036c4d;}

.zscxsearch .title{color: #000; padding: 1.5vh 0; border-bottom: 1px solid rgba(0,0,0,.08); text-align: left; display: flex; align-items: center; justify-content: flex-start;}
.zscxsearch .title img{margin-right: 1vw; width: 1.8vw; min-width: 25px;}
.zscxsearch .zscxsearch-form{padding: 5vh 0;}
.zscxsearch .zscxsearch-form .form{display: flex; align-items: center; justify-content: flex-start;}
.zscxsearch .zscxsearch-form .form .list{width: 28%; padding:2vh 0; margin-right: 5%; background: #f1f1f1; border-radius: 10px; position: relative; display: flex; align-items: center; justify-content:space-between; transition:all .5s;}
.zscxsearch .zscxsearch-form .form .list:hover{background: #e7e7e7;}
.zscxsearch .zscxsearch-form .form .list input{font-size:22px; font-size:2.2rem; width: 84%; margin: 0 auto; background: none; border: none; outline: none; text-align:left;}
.zscxsearch .zscxsearch-form .form .list span{position: absolute; right: 2%; background: #f1f1f1;}
.login-form-btn{}
.login-form-btn button{background: none; border: none; padding:2vh 3vw; border-radius:1000px; color:#fff; background-color:#036c4d; transition:all .5s; font-size: 18px; font-size: 1.8rem;}
.login-form-btn:hover button, .login-form-btn:focus button{cursor: pointer; outline: none; background-color:#1e4f41; box-shadow: none;}

.zscxview{margin: 5vh 0; box-shadow: 0 0 20px rgba(3,108,77,.1); border-radius: 10px; padding: 5% 4%;}
.zscxview .zsmc{position: relative; display: flex; align-items: center; justify-content: flex-start;}
.zscxview .zsmc::before{position: absolute; content: ""; right: 0; top: 50%; transform: translate(0, -50%); width: .7vw; min-width: 8px; height: .7vw; min-height: 8px; border-radius: 50%; background:#036c4d;}
.zscxview .zsmc img{margin-left: 15px;}
.zscxview .box{margin-top: 3%; display: flex; justify-content: space-between; flex-flow: wrap;}
.zscxview .box .left{width: 72%;}
.zscxview .box .left .xx{display: flex; align-items: center; justify-content: space-between; flex-flow: wrap;}
.zscxview .box .left .xx .xx-list{width: calc((100% - 5%) / 2); margin: 1.5% 0; display: flex; justify-content: space-between;}
.zscxview .box .left .xx .xx-list p:first-child{width: 25%; padding: .8vh 0; border-radius: 10px; text-align: center; background: #f6f6f6;}
.zscxview .box .left .xx .xx-list p:nth-child(2){width: 70%; padding: .8vh 1vw; color: #999; border-bottom: 1px solid rgba(0,0,0,.08);}
.zscxview .box .left .enter{margin-top: 4%; display: flex; align-items: center; justify-content: flex-start;}
.zscxview .box .left .enter a{color: #036c4d; padding: .8vh 1.5vw; border: 1px solid #036c4d; border-radius: 1000px;}
.zscxview .box .left .enter a:first-child{background: #036c4d; color: #fff; margin-right: 3vw;}
.zscxview .box .right{position: relative; width: 25%; height: 0; padding-bottom: 15%;}
.zscxview .box .right p{position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 3%; display: flex; align-items: center; justify-content: center; background: #036c4d; border-radius: 20px; overflow: hidden;}
.zscxview .box .right p img{max-width: 100%; max-height: 100%;}

.zscxdown{margin: 3% 0; display: flex; justify-content: space-between; flex-flow: wrap;}
.zscxdown .img{width: 50%;}
.zscxdown .img img{width: 100%;}
.zscxdown .box{width: 43%; margin-top: 3%;}
.zscxdown .box .zsmc{position: relative; display: flex; align-items: center; justify-content: flex-start;}
.zscxdown .box .zsmc img{margin-left: 15px;}
.zscxdown .box .zsbh{margin: 3vh 0 5vh 0;}
.zscxdown .box .zsbh font{color: #999;}
.zscxdown .box .down a{padding: .8vh 1.5vw; background: #036c4d; color: #fff; border-radius: 1000px;}

@media only screen and (max-width:1024px){
	.zscxbz .list p:first-child{width: 26px; height: 26px;}
	
	.zscxsearch .zscxsearch-form .form .list{padding:1.5vh 0; margin-right: 3%;}
	.zscxsearch .zscxsearch-form .form .list input{font-size:18px; font-size:1.8rem;}
	.login-form-btn button{padding:1.5vh 3vw;}
}
@media only screen and (max-width:800px){
	.zscxbz .list p:first-child{width: 24px; height: 24px;}
	.zscxbz .list p:nth-child(2){font-size: 16px; font-size: 1.6rem;}
	
	.zscxsearch .zscxsearch-form .form .list{width: 35%;}
	.login-form-btn button{font-size: 14px; font-size: 1.4rem;}
	
	.zscxview .box .left{width: 100%;}
	.zscxview .box .right{margin-top: 5%; width: 100%; padding-bottom: 70%;}
	.zscxview .box .right p{padding: 4%; border-radius: 10px;}
	.zscxview .box .left .enter a{padding: .8vh 4vw;}
	
	.zscxdown{margin: 6% 0;}
	.zscxdown .img{width: 100%;}
	.zscxdown .box{width: 100%;}
	.zscxdown .box .zsbh{margin: 2vh 0 3vh 0;}
	.zscxdown .box .down a{padding: .8vh 4vw;}
}
@media only screen and (max-width:560px){
	.zscxbz .list p:first-child{width: 22px; height: 22px;}
	.zscxbz .list p:first-child{font-size: 18px; font-size: 1.8rem;}
	.zscxbz .list p:nth-child(2){font-size: 16px; font-size: 1.6rem;}
	
	.zscxsearch .zscxsearch-form .form .list:first-child{width: 25%;}
	.zscxsearch .zscxsearch-form .form .list:nth-child(2){width:45%;}
	.login-form-btn button{font-size: 14px; font-size: 1.4rem;}
	
	.zscxview .box .left .xx .xx-list{width: 100%;}
}

/*内页留言反馈*/
.message-content{max-width: 100%; margin: 0 auto;}
.message-content-list{display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; margin: 1% 0;}
.message-content-list div{width: 49%;}
.message-content-list1{display: flex; align-items: center; justify-content:flex-start; margin: 1% 0;}
.message-content-list1 div:first-child{width: 30%; position: relative; margin-right: 1%;}
.message-content-list1 div:first-child img{position: absolute; right: 10px; top: 50%; transform: translate(0,-50%)}
.message-content-list1 div:nth-child(2){width: 30%;}

.msg_inputt{width: 100%; background: #fff; border:1px #d5d5d5 solid; border-radius: 3px; padding: 13px 15px;}
.msg_inputtt{width:100%; background: #fff; border:1px #d5d5d5 solid; border-radius: 3px; padding: 13px 15px;}
.msg_textarea{width: 100%; height: 200px; background: #fff; border:1px #d5d5d5 solid; border-radius: 3px; padding: 13px 15px; line-height: 1.4; font-family: "Microsoft YaHei";}
.msg_submitt{width: 100%; padding: 12px 15px; background: #036c4d; color: #fff; text-transform: uppercase; border: none;}	

@media only screen and (max-width:1280px){
	.message-content{max-width: 90%;}
	
	.msg_inputt, .msg_inputtt, .msg_textarea{padding: 10px 10px;}
	.msg_textarea{height: 150px;}
	.msg_submitt{padding: 9px 10px;}
}
@media only screen and (max-width:1024px){
	.message-content{max-width: 100%;}
}
@media only screen and (max-width:800px){
	.message-content-list div{width: 100%; margin: .6% 0;}
}
@media only screen and (max-width:560px){
	.message-content-list1 div:first-child{width: 60%;}
	
	.msg_inputt, .msg_inputtt, .msg_textarea{padding: 9px 9px;}
	.msg_textarea{height: 120px;}
	.msg_submitt{padding: 8px 9px;}
}


/*分页样式*/
.page_info{text-align:center; padding-top:30px; color:#333; font-size: 15px; font-size: 1.5rem;}
.page_info span{padding:0 2px;font-weight:bold; color: #036c4d;}
.page_list{line-height:25px; text-align:center; letter-spacing:0; font-size:15px; font-size: 1.5rem; margin-top:30px;}
.page_list div{text-align: center; display: inline-block; padding:2px 25px;}
.page_list a{display:inline-block; background:#f6f6f6; border: 1px solid rgba(0,0,0,.08); margin: 0 4px; color:#222222; text-align:center; padding:3px 11px; border-radius: 2px;}
.page_list a:hover,.page_list a.on{color:#fff; background:#036c4d; font-weight: bold;}


@media only screen and (max-width:800px){
	.page_info{font-size: 14px; padding-top:5px;}
	.page_list{font-size: 14px; line-height:22px; margin-top:20px;}
	.page_list a{padding:2px 9px; margin:0 3px;}
}
@media only screen and (max-width:560px){
	.page_info{font-size: 12px;}
	.page_list{font-size: 12px; line-height:18px; margin-top:10px;}
	.page_list div{padding: 0 2px;}
	.page_list a{padding:1px 7px; margin:1px 1px;}
}

/*内容分页*/
.contPage{height:20px;line-height:20px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.contPage a{display:inline-block;color:#898989;background:#fff;text-align:center;padding:0 7px;margin:0 1px;}
.contPage a:hover{color:#fff;background:#898989;}
.contPage a.on{color:#333;background:#E5EDF2;border:1px solid #C2D5E3;}