@charset "utf-8";
/*css reset*/
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;}
body {font-size:12px;line-height:1; color:#666;font-family:"微软雅黑","Microsoft YaHei",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu {display:block;}
input {font-size:12px;line-height:1;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0; width:100%;display:block;}
ul {list-style:none;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
textarea{resize:none; overflow:auto;}
/* 颜色链接 */
a:link,a:visited {text-decoration:none;}
a:hover {transition:all 0.3s ease-in-out 0s;}
textarea{outline:none;}
/* HTY Common Reset*/
html{overflow-x:hidden;}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

.header {
    width: 100%;
    position: relative;
    display: flex;
    background: #c9e6e2;
    padding-left: 8.8vw;
    height: 1.3rem;
    box-sizing: border-box;
    justify-content: space-between;
}
.header > .logo {
    width: 45.86vw;
    padding: .3rem 0px;
}
.header > .logo > img {
    width: 100%;
}
.header > .menu_icon {
    width: 5.86vw;
    padding-top: .5rem;
    padding-right: 6vw;
}
.header > .menu_icon > img {
    width: 100%;
}
.header > .menu_list {
    width: 100%;
    display: none;
    z-index: 9999999999;
    position: absolute;
    left: 0px;
    bottom: -1.31rem;
    background: rgba(201,230,226,0.85);
}
.header > .menu_list > .menu {
    width: 100%;
    padding: 0px .2rem;
    box-sizing: border-box;
    padding-top: .3rem;
    display: flex;
    flex-wrap: wrap;
    
}
.header > .menu_list > .menu > .item {
    width: 30vw;
    text-align: center;
    color: #505050;
    border-right: 1px #31a57e solid;
    margin-bottom: .3rem;
}
.header > .menu_list > .menu > .item:nth-child(3n) {
    border: 0px;
}
.header > .menu_list > .menu > .item > a {
    color: #505050;
    font-size: .22rem;
}
.banner {
    width: 100%;
}
.banner > img {
    width: 100%;
}
.ipt {
    width: 100%;
    text-align: center;
    padding-top: .8rem;
}
.ipt > .title {
    width: 100%;
}
.ipt > .title > img {
    width: 24.13vw;
    margin: 0 auto;
}
.ipt > .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 6vw;
    color: #787878;
    text-align: left;
    padding-top: .5rem;
    line-height: 180%;
    font-size: .21rem;
    padding-bottom: .5rem;
}
.ipt > .list {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 6vw;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}
.ipt > .list > .item {
    width: 28.13vw;
    margin-right: 1.80vw;
    margin-bottom: 1.86vw;
}
.ipt > .list > .item > img {
    width: 100%;
}
.ipt > .list > .item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.ipt > .list > .item > a > .info {
    position: absolute;
    left: .2rem;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-top: 1.3rem;
    padding-left: 0px;
    box-sizing: border-box;
}
.ipt > .list > .item > a > .info > .green {
    font-weight: bold;
    font-size: .25rem;
    color: #009261;
    text-align: left;
    width: 100%;
    margin-bottom: .03rem;
}
.ipt > .list > .item > a > .info > .gray {
    text-align: left;
    color: #323232;
}
.ia {
    width: 100%;
    position: relative;
    margin-bottom: .8rem;
}
.ia > img {
    width: 100%;
}
.ia > .con {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.ia > .con > .title {
    width: 100%;
    text-align: center;
    padding-top: .6rem;
}
.ia > .con > .title > img {
    width: 24.53vw;
    margin: 0 auto;
}
.ia > .con > .content {
    width: 100%;
    text-align: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
    line-height: 180%;
    font-size: .22rem;
}
.ia > .con > .img {
    width: 79.73vw;
    margin: 0 auto;
}
.ia > .con > .img > img {
    width: 100%;
}
.ia > .con > .more {
    width: 100%;
    font-style: initial;
    color: #009261;
    box-sizing: border-box;
    padding-right: 6vw;
    text-align: right;
    padding-top: .3rem;
}
.ikj {
    width: 100%;
    padding-bottom: 1rem;
}
.ikj > .title {
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
}
.ikj > .title > img {
    width: 24.4vw;
    margin: 0 auto;
}
.ikj > .list_m {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10.4vw;
    overflow-x: scroll;
    display: -webkit-box; 
    overflow-y:hidden;
    white-space: nowrap;
}
.ikj > .list_m::-webkit-scrollbar{ 
    display:none； 
    width: 0 !important
}
.ikj > .list_m > .list {
    width: 109.19vw;
    display: flex;
}
.ikj > .list_m > .list > .item {
    width: 26vw;
    margin-right: 1.73vw;
}
.ikj > .list_m > .list > .item > img {
    width: 100%;
}
.ikj > .more {
    width: 100%;
    box-sizing: border-box;
    padding-right: 6vw;
    color: #787878;
    padding-top: .2rem;
    text-align: right;
    font-style: italic;
}
.ikj > .more > a {
    color: #787878;
    
}
.in {
    width: 100%;
    padding-bottom: .5rem;
}
.in > .title {
    width: 100%;
    text-align: center;
    padding-bottom: 1rem;
}
.in > .title > img {
    width: 24.4vw;
    margin: 0 auto;
}
.in > .list {
    width: 100%;
}
.in > .list > .item {
    width: 100%;
    background: #c9e6e2;
    display: flex;
    box-sizing: border-box;
    padding-left: 10.66vw;
    padding-right: 10.66vw;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.in > .list > .item:nth-child(2n) {
    background: #fff;
}
.in > .list > .item > .date {
    width: 18.26vw;
    margin-right: 8.8vw;
    height: 18.26vw;
    background: #fff;
    border-top-right-radius: .35rem;
    border-bottom-left-radius: .35rem;
    border-bottom-right-radius: .35rem;
}
.in > .list > .item:nth-child(2n) > .date {
    background: #009261;
}
.in > .list > .item > .date > .day {
    width: 100%;
    text-align: center;
    color: #009261;
    font-size: .45rem;
    padding-top: .2rem;
    margin-bottom: .05rem;
}
.in > .list > .item > .date > .month {
    color: #009261;
    text-align: center;
}
.in > .list > .item:nth-child(2n) > .date > .day, .in > .list > .item:nth-child(2n) > .date > .month {
    color: #fff;
}
.in > .list > .item > .info {
    width: 51.2vw;
}
.in > .list > .item > .info > .title {
    width: 100%;
    color: #464646;
    font-weight: bold;
    line-height: 130%;
    font-size: .25rem;
    height: .6rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.in > .list > .item > .info > .msg {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.in > .list > .item > .info > .msg > .type_name {
    color: #b4b4b4;
    border-top: 2px #009261 solid;
    padding-top: .1rem;
    width: .85rem;
}
.in > .list > .item > .info > .msg > .more {
    display: flex;
}
.in > .list > .item > .info > .msg > .more > .text {
    color: #787878;
    margin-right: 5px;
    padding-top: .1rem;
}
.in > .list > .item > .info > .msg > .more > .icon {
    width: 3.46vw;
    padding-top: .11rem;
}
.in > .list > .item > .info > .msg > .more > .icon > img {
    width: 100%;
}
.in > .more {
    width: 100%;
    text-align: right;
    box-sizing: border-box;
    padding-right: 6vw;
    color: #787878;
    font-style: italic;
    font-size: .22rem;
}
.in > .more > a {
    color: #787878;
    font-size: .22rem;
}
.news {
    width: 100%;
}
.news > .item {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: .5rem 8.4vw;
}
.news > .item:nth-child(2n) {
    background: #c9e6e2;
}
.news > .item > .title {
    width: 100%;
    font-weight: bold;
    font-size: .3rem;
    margin-bottom: .2rem;
    line-height: 140%;
    color: #464646;
}
.news > .item > .nt {
    width: 100%;
    display: flex;
}
.news > .item > .nt > .img {
    width: 26.66vw;
    margin-right: 2.66vw;
}
.news > .item > .nt > .img > img {
    width: 100%;
    border-radius: .35rem;
}
.news > .item > .nt > .info {
    width: calc(100% - 26.66vw - 2.66vw);
}
.news > .item > .nt > .info > .desc {
    width: 100%;
    color: #464646;
    font-size: .22rem;
    line-height: 130%;
    height: .85rem;
    overflow: hidden;
    margin-bottom: .07rem;
}
.news > .item > .nt > .info > .msg {
    width: 100%;
    display: flex;
    justify-content: space-between;    
}
.news > .item > .nt > .info > .msg > .date {
    width: 1.17rem;
    padding-top: .05rem;
    border-top: 2px #009261 solid;
    color: #969696;
}
.news > .item > .nt > .info > .msg > .more {
    display: flex;
    padding-right: .15rem;
    padding-top: .08rem;
}
.news > .item > .nt > .info > .msg > .more > .name {
    color: #787878;
    font-size: .1rem;
    margin-right: .05rem;
}
.news > .item > .nt > .info > .msg > .more > .icon {
    width: 4vw;
}
.news > .item > .nt > .info > .msg > .more > .icon > img {
    width: 100%;
}
.news_page {
    width: 100%;
    text-align: center;
    padding-bottom: .4rem;
    padding-top: .4rem;
    color: #333;
}
.news_page a {
    color: #333 !important;
}
.detail {
    width: 100%;
    box-sizing: border-box;
    padding: .4rem 6vw;
}
.detail > .title {
    width: 100%;
    font-size: .3rem;
    font-weight: bold;
    line-height: 135%;
}
.detail > .date {
    width: 100%;
    text-align: center;
    padding: .4rem 0px;
    color: #969696;
}
.detail > .content {
    width: 100%;
    line-height: 180%;
    color: #464646;
    margin-bottom: .3rem;
}
.detail > .content img {
    max-width: 100%;
}
.detail > .more {
    width: 100%;
    text-align: right;
    font-style: italic;
}
.contact {
    width: 100%;
    box-sizing: border-box;
    padding: .5rem 9.8vw;
}
.contact > .feedback{
    width: 100%;
}
.contact > .feedback > .title{
    width: 100%;
    font-size: .4rem;
    margin-bottom: .4rem;
}
.contact > .feedback > .form{
    width: 100%;
}
.contact > .feedback > .form > .item{
    width: 100%;
    display: flex;
    box-sizing: border-box;
    border-bottom: 1px #c8c8c8 solid;
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.contact > .feedback > .form > .item > .icon, .contact > .feedback > .form > .item2 > .icon{
    padding-left: 7px;
    width: 4vw;
    margin-right: 3vw;
}
.contact > .feedback > .form > .item > .icon > img, .contact > .feedback > .form > .item2 > .icon > img{
    width: 100%;
}
.contact > .feedback > .form > .item > .name, .contact > .feedback > .form > .item2 > .name{
    color: #009261;
    font-size: .22rem;
    padding-top: 2px;
    width: .7rem;
}
.contact > .feedback > .form > .item > .input{
    width: calc(100% - .7rem - 4vw - 3vw);
}
.contact > .feedback > .form > .item > .input > input{
    border: 0px;
    outline: none;
    width: 100%;
}
.contact > .feedback > .form > .item2 {
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px #c8c8c8 solid;
    padding-top: .2rem;
    padding-bottom: .2rem;
    margin-bottom: .3rem;
}
.contact > .feedback > .form > .item2 > .ok {
    width: 100%;
    display: flex;
}
.contact > .feedback > .form > .item2 > .ok > .icon{
    padding-left: 7px;
    width: 4vw;
    margin-right: 3vw;
}
.contact > .feedback > .form > .item2 > .ok > .icon > img{
    width: 100%;
}
.contact > .feedback > .form > .item2 > .ok > .name{
    color: #009261;
    font-size: .22rem;
    padding-top: 2px;
    width: .7rem;
}
.contact > .feedback > .form > .item2 > .input{
    width: 100%;
    margin-top: .1rem;
}
.contact > .feedback > .form > .item2 > .input > textarea{
    width: 100%;
    height: 1.2rem;
    border: 0px;
}
.contact > .feedback > .btn{
    width: 100%;
    text-align:center;
    margin-bottom: .8rem;
}
.contact > .feedback > .btn > button{
    width: 24.26vw;
    margin: 0 auto;
    background: #009261;
    color: #fff;
    border: 0px;
    padding: .1rem;
    border-radius: 3px;
}
.contact > .map{
    width: 100%;
    text-align: center;
    margin-bottom: .8rem;
}
.contact > .map > a > img{
    width: 100%;
    margin: 0 auto;
}
.contact > .c1{
    width: 100%;
    box-sizing: border-box;
}
.contact > .c1 > .title{
    font-weight: bold;
    font-size: .3rem;
    padding-bottom: .3rem;
    color: #969696;
    border-bottom: 1px #c8c8c8 solid;
    margin-bottom: .3rem;
}
.contact > .c1 > .info{
    width: 100%;
    border-bottom: 1px #c8c8c8 solid;
    padding-bottom: .1rem;
    margin-bottom: .5rem;
}
.contact > .c1 > .info > .line{
    width: 100%;
    color: #969696;
    font-size: .22rem;
    margin-bottom: .2rem;
    /*height: .5rem;*/
    /*line-height: 1rem;*/
}
.footer {
    width: 100%;
    position: relative;
}
.footer > img {
    width: 100%;
}
.footer > .con {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-top: .7rem;
}
.footer > .con > .menu {
    width: 78.66vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.footer > .con > .menu > .item {
    padding-right: 7.6vw;
    margin-right: 7.6vw;
    border-right: 2px #8b8b8b solid;
    font-size: .245rem;
    margin-bottom: .4rem;
}
.footer > .con > .menu > .item:nth-child(3n) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px;
}
.footer > .con > .menu > .item > a {
    color: #fff;
}
.footer > .con > .menu > .now > a {
    color: #000;
    font-weight: bold;
}
.footer > .con > .line {
    width: 88vw;
    margin: 0 auto;
    height: .5rem;
    border-bottom: 2px #969696 solid;
    margin-bottom: .7rem;
}
.footer > .con > .logo {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10.66vw;
    padding-bottom: .4rem;
}
.footer > .con > .logo > img {
    width: 35.33vw;
}
.footer > .con > .info {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10.66vw;
    position: relative;
}
.footer > .con > .info > .qrcode {
    position: absolute;
    right: .4rem;
    top: 0rem;
    width: 1.5rem;
}
.footer > .con > .info > .qrcode > img {
    width: 100%;
}
.footer > .con > .info > .i1 {
    width: 100%;
    font-weight: bold;
    font-size: .3rem;
    color: #fff;
    padding-bottom: .2rem;
}
.footer > .con > .info > .i2 {
    width: 100%;
    display: flex;   
    margin-bottom: .1rem;
}
.footer > .con > .info > .i2 > .icon {
    width: 2.66vw;
    margin-right: 4px;
}
.footer > .con > .info > .i2 > .icon > img {
    width: 100%;
}
.footer > .con > .info > .i2 > .name {
    color: #fff;
}
.footer > .con > .info > .qrcode {
    
}
.footer > .con > .info > .qrcode > img {
    
}
.about {
    width: 100%;
}
.about > .title {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10vw;
    padding-top: .5rem;
    font-size: .3rem;
    padding-bottom: .3rem;
}
.about > .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10vw;
    line-height: 180%;
    font-size: .23rem;
    margin-bottom: .7rem;
}
.about > .icons {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 12.4vw;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .3rem;
}
.about > .icons > .item {
    width: 34.9vw;
    margin-right: 5.2vw;
    margin-bottom: .4rem;
}
.about > .icons > .item:nth-child(2n) {
    margin-right: 0px;
}
.about > .icons > .item > img {
    width: 100%;
}
.about > .img, .about > .img2 {
    width: 100%;
    padding: 0px 9.7vw;
    box-sizing: border-box;
    margin-bottom: 1.1rem;
}
.about > .img > img, .about > .img2 > img {
    width: 100%;
}
.about > .img2 {
    padding: 0px;
}
.about > .cert {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 6vw;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .7rem;
}
.about > .cert > .item {
    width: 20.26vw;
    margin-right: 2.3vw;
    margin-bottom: .4rem;
    opacity: 0;
}
.about > .cert > .item:nth-child(4n) {
    margin-right: 0px;
}
.about > .cert > .item > .img {
    width: 100%;
}
.about > .cert > .item > .img > img {
    width: 100%;
}
.about > .cert > .item > .name {
    width: 100%;
    text-align: center;
    color: #787878;
    padding-top: .1rem;
    line-height: 110%;
}
.product {
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 5.7vw;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .7rem;
}
.product > .item {
    width: 41.33vw;
    margin-right: 5.3vw;
    margin-bottom: .4rem;
}
.product > .item:nth-child(2n) {
    margin-right: 0px;
}
.product > .item > a {

}
.product > .item > a > img {
    width: 100%;
}
.sj_page{
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 25px;
	line-height: 25px;
	color: #666769;
	font-size: 15.05px;
	text-align: right;
}
.sj_page > ul {
	float: right;
}
.sj_page > ul > li {
	float:left;
	width:10px;
	height: 25px;
	line-height: 25px;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
	color:#646464;
	text-align: center;
	margin-right: 10px;
}
.sj_page > ul > li > a {
	color: #898989;
	font-size: 15.05px
}
.sj_page > ul > .pre{
	width:10px;
	color:#898989;
	/*border:1px solid #08273b;*/
	/*background:#08273b;*/
}
.sj_page > ul > .pre > a {
	color:#898989;
	font-size: 15.05px
}
.sj_page > ul > .active{
	color:#ffffff;
	border:0px;
	font-weight: bold;
	font-size: 15.05px
	/*background:#ffffff;*/
}
.sj_page > ul > .redirect{
	width:80px;

}
.p_back {
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    color: #787878;
    padding: .35rem 0px;
     padding-right: 7vw;
}
.p_back > a {
    color: #787878;
    font-size: .25rem;
    font-style: italic;
}
.p_box1 {
    width: 51.73vw;
    margin: 0 auto;
    margin-top: .5rem;
    margin-bottom: 1.2rem;
}
.p_box1 > img {
    width: 100%;
}
.p_box2 {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10vw;
    line-height: 160%;
    font-size: .23rem;
    margin-bottom: .5rem;
}
.p_box3 {
    width: 61.33vw;
    margin: 0 auto;
    margin-bottom: .3rem;
}
.p_box3 > .name {
    width: 100%;
    text-align: center;
    font-size: .25rem;
    color: #646464;
    margin-bottom: .15rem;
}
.p_box3 > .img {
    width: 100%;
}
.p_box3 > .img > img {
    width: 100%;
}
.p_box4 {
    width: 100%;
    background: #c9e6e2;
}
.p_box4 > .title {
    width: 24.26vw;
    margin: 0 auto;
    margin-top: 1rem;
    padding: .6rem 0px;
}
.p_box4 > .title > img {
    width: 100%;
}
.p_box4 > .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10vw;
    color: #5a5a5a;
    line-height: 160%;
    text-indent: 25px;
    font-size: .21rem;
    padding-bottom: .6rem;
}
.p_box4 > .content > span {
    font-weight: bold;
}
.p_box4 > .img {
    width: 88.13vw;
    margin: 0 auto;
    padding-bottom: 1rem;
}
.p_box4 > .img > img {
    width: 100%;
}
.p_box5_m {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10vw;
    overflow-x: scroll;
    display: -webkit-box; 
    overflow-y:hidden;
    white-space: nowrap;
    margin-bottom: .8rem;
}
.p_box5_m::-webkit-scrollbar{ 
    display:none； 
    width: 0 !important
}
.p_box5_m > .p_box5 {
    width: 121.46vw;
    display: flex;
}
.p_box5_m > .p_box5 > .item {
    width: 39.6vw;
    margin-right: 1.33vw;
}
.p_box5_m > .p_box5 > .item:last-child() {
    margin-right: 0px;
}
.p_box5_m > .p_box5 > .item > img {
     width: 100%;
}