@charset "UTF-8";

html{

  font-size: 6.666vw;

}

@media screen and  (min-width: 1500px){ /*主体宽度*/

  html{

  font-size: 100px;

}

}

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

  html{

  font-size:100px;

}

}

.w_width{max-width:1500px; margin-right: auto; margin-left: auto;}

.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;}

.ctext{padding-left: 0.6rem;padding-right: 0.6rem;}

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

.ctext{padding-left: 15px;padding-right: 15px;}

}

/*PC head*/

body.on{overflow: hidden;height: 100vh;}

.wyb_s{position: fixed; left: 0;top: 0;z-index: 99;width: 100%;}

.t_navs{ width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);padding-left: 60px;padding-right: 60px;}

.t_navs.on{background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}

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

.t_navs .top{ width: 100%; float: left; position: relative;}

.t_navs .top .logo{ margin: 15px 0; line-height: 0; float: left;}

.t_navs .top .logo img{ width: auto; height: 58px;}

.t_navs .top .right{ float: right;}

.t_navs .top .right .menu{float: left;margin-right: 120px;}

.t_navs .top .right .menu ul{float: left;}

.t_navs .top .menu .nli{ float: left; position: relative;padding: 0 22px;}

.t_navs .top .menu .nli span a{ display: block;color: #ffffff; position: relative;padding: 0 6px;line-height: 88px; font-size: 16px;}

.t_navs.on .top .menu .nli span a{color: #000;}

.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #266435;}

.t_navs .top .menu .nli.on span a::after,.t_navs .top .menu .nli:hover span a::after{ content: ""; display: block; width: 100%; height: 1px; background: #266435; position: absolute; bottom: 0; left: 0;}

.t_navs .top .sub{ display: none; position: absolute; width: 140px; top:100%; left: 50%; background: #fff; z-index: 4;box-shadow: 0 0 30px rgba(0,0,0,0.1);

transform: translate(-50%,0);

-ms-transform: translate(-50%,0);

-webkit-transform: translate(-50%,0);

-moz-transform: translate(-50%,0);

-o-transform: translate(-50%,0);}

.t_navs .top .sub .l2{ width: 100%;}

.t_navs .top .sub .l2 a{ display: block; color: #555;text-align: center;font-size: 16px;line-height: 40px;}

.t_navs .top .sub .l2 a:hover{ color: #fff;background: #266435;}

.t_navs .menuph{ display: none;} 

.t_navs .xialaph{ display: none;}


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

/*WAP head*/

.t_navs .menu{ display: none;}

.t_navs .top .right .search{display: none;}

.t_navs .menuph{ display: block;}

.t_navs .xialaph{ display: block;}

.t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.1);}

.t_navs .top .logo{ margin: 10px 0;}

.t_navs .top .logo img{ height: 30px;}

.t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 14px 0;}

.t_navs .menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}

.t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #266435;

-webkit-transition: all .3s ease-out 0s; 

-moz-transition: all .3s ease-out 0s;  

-ms-transition: all .3s ease-out 0s;  

-o-transition: all .3s ease-out 0s;  

transition: all .3s ease-out 0s;}

.t_navs .menuph .navbtn::after,

.t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #266435;

-webkit-transition: all .3s ease-out 0s;  

-moz-transition: all .3s ease-out 0s;  

-ms-transition: all .3s ease-out 0s;  

-o-transition: all .3s ease-out 0s;  

transition: all .3s ease-out 0s;}

.t_navs .menuph .navbtn::after { top: -11px;}

.t_navs .menuph .navbtn::before { top: 11px;}

.t_navs .menuph .point.active .navbtn{ background: transparent;}

.t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;}

.t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

.t_navs .xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding: 60px 15px 100px 15px; display: none; z-index:3; background:#fff;}

.t_navs .xialaph .ul2,

.t_navs .xialaph .ul3{ display: none;}

.t_navs .xialaph .ul1{width: 100%;overflow: hidden;padding-bottom: 14px;border-bottom: 1px solid #eee;}

.t_navs .xialaph .ul1 li{float: left;width: 100%;}

.t_navs .xialaph h4 a{ float: left; width: 80%; color: #333333;line-height: 50px;font-size: 16px;} 

.t_navs .xialaph h4{ float: left; width: 100%; position: relative;}

.t_navs .xialaph h4:hover a,

.t_navs .xialaph h5:hover a{ color: #266435;}

.t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;}

.t_navs .xialaph h5{ float: left; width: 100%; position: relative;}

.t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}

.t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 22px; cursor: pointer;

transition: All 0.3s ease-in-out;

-webkit-transition: All 0.3s ease-in-out;

-moz-transition: All 0.3s ease-in-out;

-o-transition: All 0.3s ease-in-out;}

.t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;

transition: All 0.3s ease-in-out;

-webkit-transition: All 0.3s ease-in-out;

-moz-transition: All 0.3s ease-in-out;

-o-transition: All 0.3s ease-in-out;}

.t_navs .xialaph h4.active img,

.t_navs .xialaph h5.active img{

-webkit-transform: rotate(180deg);

-moz-transform: rotate(180deg);

-ms-transform: rotate(180deg);

-o-transform: rotate(180deg);

transform: rotate(180deg);}

.t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;width: 100%;}

.t_navs .xialaph .ul2 li{width: 100%;float: left;}

.t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px;  position: relative;width: 100%;float: left;}

.t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;}

.t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 14px;}

.t_navs .xialaph .ul3 li:hover a{color: #266435;}

.t_navs .xialaph .ul3 li{ padding-top: 5px;float: left;width: 100%;}

.t_navs .img_d,

.t_navs .disno{ display: none;} 

.t_navs .xialaph .inputbox{width: 100%;position: relative;border: 1px solid #eee;margin-top: 20px;}

.t_navs .xialaph .inputbox input{width: 100%;height: 36px;display: block;padding: 0 50px 0 12px;font-size: 14px;color: #333;}

.t_navs .xialaph .inputbox img{width: 26px;display: block;position: absolute;right: 12px;top: 50%;margin-top: -13px;cursor: pointer;}

.t_navs .xialaph .yyqh{width: 100%;font-size: 0;text-align: center;margin-top: 20px;}

.t_navs .xialaph .yyqh a{display: inline-block;vertical-align: middle;font-size: 16px;color: #555;line-height: 20px;}

.t_navs .xialaph .yyqh span{display: inline-block;vertical-align: middle;font-size: 16px;color: #555;line-height: 20px;margin: 0 6px;}

.t_navs .xialaph .yyqh a:hover,

.t_navs .xialaph .yyqh a.on{color: #266435;}

.t_navs .xialaph .number{font-size: 18px;color: #266435;line-height: 24px;text-align: center;font-weight: bolder;margin-top: 16px;}

.t_navs .xialaph .number span{margin-right: 8px;}

}




/*联系我们*/

.lxwm_section1{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}

.lxwm_section1 .top{width: 100%;font-size: 0;margin-bottom: calc(14px + 0.16rem);background: #f7f7f7;}

.lxwm_section1 .top .left{width: calc(200px + 2.46rem);background: #266435;display: inline-block;vertical-align: middle;}

.lxwm_section1 .top .left img{width: 100%;display: block;}

.lxwm_section1 .top .right{width: calc(100% - 200px - 2.46rem);display: inline-block;vertical-align: middle;padding-left: 0.5rem;padding-right: 0.4rem;}

.lxwm_section1 .top .right ul{margin: 0 -0.25rem;width: calc(100% + 0.5rem);overflow: hidden;}

.lxwm_section1 .top .right li{width: 50%;float: left;padding: 0 0.25rem;}

.lxwm_section1 .top .right a{display: block;width: 100%;font-size: 0;}

.lxwm_section1 .top .right .wordsbox{width: calc(100% - 80px - 0.46rem);display: inline-block;vertical-align: middle;padding-right: 0.24rem;}

.lxwm_section1 .top .right .wordsbox .tit{font-size: calc(14px + 0.1rem);color: #000000;line-height: calc(18px + 0.1rem);margin-bottom: calc(8px + 0.06rem);}

.lxwm_section1 .top .right .wordsbox .info{font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(26px + 0.06rem);letter-spacing: 0;}

.lxwm_section1 .top .right .ewmbox{width: calc(80px + 0.46rem);display: inline-block;vertical-align: middle;}

.lxwm_section1 .top .right .ewmbox img{width: 100%;display: block;}

.lxwm_section1 .top .right .ewmbox .words{font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(18px + 0.04rem);text-align: center;margin-top: calc(4px + 0.04rem);}

.lxwm_section1 .bottom{width: 100%;}

.lxwm_section1 .bottom ul{width: 100%;}

.lxwm_section1 .bottom li{width: 100%;margin-bottom: calc(14px + 0.16rem);font-size: 0;background: #f5f5f5;}

.lxwm_section1 .bottom li:last-child{margin-bottom: 0;}

.lxwm_section1 .bottom li .left{width: 63.73333333333333%;display: inline-block;vertical-align: middle;}

.lxwm_section1 .bottom li .left .pic{ width: 100%; padding-bottom: 47.9%; position: relative; overflow: hidden; min-height: 50px;

-webkit-transition: 0.5s ease;

-moz-transition: 0.5s ease;

-ms-transition: 0.5s ease;

-o-transition: 0.5s ease;

transition: 0.5s ease;}

.lxwm_section1 .bottom li .left .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;

-webkit-transform: translate(-50%, -50%); 

-moz-transform: translate(-50%, -50%); 

-ms-transform: translate(-50%, -50%);

-o-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

-webkit-transition: all 0.5s ease-out 0s; 

-moz-transition: all 0.5s ease-out 0s; 

-o-transition: all 0.5s ease-out 0s; 

transition: all 0.5s ease-out 0s;

transition: -webkit-transform 2s;

vertical-align: middle;

-ms-interpolation-mode: bicubic;}

.lxwm_section1 .bottom li:hover .left .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}

.lxwm_section1 .bottom li .right{width: 36.26666666666667%;display: inline-block;vertical-align: middle;padding: 0 0.8rem;}

.lxwm_section1 .bottom li .right .tit{font-size: calc(14px + 0.18rem);color: #221815;line-height: calc(18px + 0.18rem);margin-bottom: calc(12px + 0.14rem);}

.lxwm_section1 .bottom li .right .info{font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(26px + 0.06rem);margin-bottom: calc(16px + 0.36rem);}

.lxwm_section1 .bottom li .right .more{width: 100%;}

.lxwm_section1 .bottom li .right .more a{display: block;width: calc(80px + 0.8rem);font-size: calc(14px + 0.04rem);color: #ffffff;line-height: calc(30px + 0.18rem);text-align: center;background: #266435;}

.lxwm_section1 .bottom li .right .more a:hover{opacity: 0.8;}

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

.lxwm_section1 .top .left{width: 100%;}

.lxwm_section1 .top .right{width: 100%;padding: 0.5rem;}

.lxwm_section1 .top .right ul{margin: 0;width: 100%;}

.lxwm_section1 .top .right li{width: 100%;padding: 0;margin-bottom: 12px;padding-bottom: 12px;border-bottom: 1px solid #eee;}

.lxwm_section1 .top .right li:last-child{margin-bottom: 0;}

.lxwm_section1 .bottom li .left{width: 100%;}

.lxwm_section1 .bottom li .right{width: 100%;padding: 14px;}

.lxwm_section1 .bottom li .right .tit{font-size: calc(14px + 0.18rem);color: #221815;line-height: calc(18px + 0.18rem);margin-bottom: calc(8px + 0.14rem);}

.lxwm_section1 .bottom li .right .info{font-size: calc(14px + 0.04rem);color: #333333;line-height: calc(26px + 0.06rem);margin-bottom: calc(10px + 0.14rem);}

.lxwm_section1 .bottom li .right .more{width: 100%;}

.lxwm_section1 .bottom li .right .more a{display: block;width: calc(80px + 0.8rem);font-size: calc(14px + 0.04rem);color: #ffffff;line-height: calc(30px + 0.18rem);text-align: center;background: #266435;}

.lxwm_section1 .bottom li .right .more a:hover{opacity: 0.8;}

}