@charset "utf-8";



.header{position: absolute;top: 0;left: 0;width: 100%;height: 120px;display: flex;justify-content: space-between;align-items: center;z-index: 99;color: #FFFFFF;}
.header.fixed{position: fixed;background: #fff !important;height: 80px;}
.header.fixed .logo .logo2{display:block !important;height:80px;}
.header.fixed .logo .logo1{display:none  !important}
.header .logo .logo1 {position: absolute;top: 50%;transform: translateY(-50%);left: 0%;}
.header .logo .logo2{display:none;position: absolute;top: 50%;transform: translateY(-50%);left: 0%;}
.header .logo{max-width:15%;float:left;height:120px;position:relative;}


.header .phone{width:17%;float:right;position:relative;height:120px;}
.header .phone img{width: auto;}
.header .phone .phone2{display:none;position: absolute;top: 50%;transform: translateY(-50%);right: 0%;background: url(../images/phonea.png) no-repeat left center;font-size: 17px;font-weight:600;color: #000;line-height: 80px;padding-left: 39px;}
.header .phone .phone1 {position: absolute;top: 50%;transform: translateY(-50%);right: 0%;background: url(../images/phone2a.png) no-repeat left center;font-size: 17px;font-weight:600;color: #fff;height: 80px;line-height: 80px;padding-left: 39px;}

.header.fixed .phone{height:80px;}
.header.fixed .logo{height:80px;}
.header.fixed .content .center .newnav li a {line-height: 77px;color:#333 !important;}


inside-pages .header.fixed .content .center .newnav li a{color:#333 !important;}
.header.fixed .header-nav-show { top: 80px;}

.header.fixed .logo img {width:auto;height:80px;}
.header.fixed .phone .phone2{display:block !important;height:80px;}
.header.fixed .phone .phone1{display:none  !important;}


.header.fixed:hover .logo img {width:auto;height:80px !important;}
.header.fixed:hover .phone .phone2{display:block !important;height:80px !important;background: url(../images/phonea.png) no-repeat left center;font-size: 17px;font-weight:600;line-height: 80px;padding-left: 39px;}
.header.fixed:hover .phone .phone1{display:none  !important;}






.header:hover{background:#fff;}
.header:hover .cbp-hrmenu .ntp{color: #333 !important}
.header:hover .logo img {height: 80px;width:auto;}



.header:hover .phone .phone2{display:block !important;}
.header:hover .phone .phone1{display:none  !important;}



.header:hover .logo .logo2{display:block !important;}
.header:hover .logo .logo1{display:none  !important;}




@media (max-width:990px){

.header:hover{background:none;}
}






/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.ipshow {display: none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}
.content {width:100%;margin: auto;}
.dblockw100hauto{display:block;width: 100%;height:auto;}
.mark-nav-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}
.mark-nav-bg.cur {display: block;}



/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 9999;background: #fff;}
.header .content {width: 100%;height: 100%;margin: auto;position: relative;}
.header .content .left {position: relative;height: 120px;}
.header .content .left .logo{display: block;width: 230px;height: 120px;position: absolute;left: 0;top: 0%;margin-top: -12.5px;}
.header .content .left .logo img{}
.header .content .left .stockcode{font-size: 12px;color: #666;margin-left: 150px;margin-top: 30px;padding-left:20px; position: relative;}
.header .content .left .stockcode::before {content: '';display: block;width: 1px;height:30px;background: #ccc;position: absolute;left: 0;top: 0;}
.header .content .left .stockcode p {text-decoration: underline;}
.header .content .center {max-width: 83vw;float:right}
.header .content .center .newnav{margin: 0;padding: 0;list-style: none;font-size: 0;}
.header .content .center .newnav li{display: inline-block;margin: 0;list-style: none;position: relative;}
.header .content .center .newnav li a{display: block; font-size: 16px;line-height: 117px;padding: 0 18px !important; position: relative;text-transform:uppercase;}
.header .content .center .newnav li a:hover{color: #008a45;}
.header .content .right {text-align: right;font-size: 0;padding-top: 30px;}
.header .content .right .search {display: inline-block;vertical-align: middle;width: 160px; position: relative;}
.header .content .right .search .icon {display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss.png") center no-repeat;background-size: 100% ;}
.header .content .right .search .icon input {width: 100%;display: block;height: 100%;border: none;opacity: 0;background: none;cursor: pointer;}
.header .content .right .search .search-input {border: none;border-bottom: 1px solid #ccc;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px; overflow: hidden;cursor: pointer;}
.header .content .right .language .icon{display: block; width: 18px;height: 18px;padding-left: 25px;color: #1a1a1a;font-size: 14px; background: url("../images/ll.png") left center no-repeat;}
.header .content .right .language .language-show{display: none;position: absolute;width: 100px;padding:20px 10px 10px 10px;right: -40px;text-align: center;top:60px;background: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.header .content .right .language .language-show:before {content: '';position: absolute;top: -10px;left: 50%;margin-left: -15px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #fff;}
.header .content .right .language .language-show a{display: block; color: #000;font-size: 12px;line-height: 20px; margin-bottom:5px;opacity: .5;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {display: block;}


.inside-pages .header-height{height: 0px;}
.inside-pages .header {background: none;}
.inside-pages .header .content .right .search .icon { background: url("../images/ss1.png") center no-repeat;background-size: 100% ;}
.inside-pages .header .content .right .language .icon{color: #fff;background: url("../images/ll1.png") left center no-repeat;}
.inside-pages .header .content .right .search .search-input {border-bottom: 1px solid rgba(255,255,255,.3);}
.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top .content .right .search .icon,.inside-pages .header:hover .content .right .search .icon{ background: url("../images/ss.png") center no-repeat;background-size: 100%;}
.inside-pages .header.scroll-top .content .right .language .icon,.inside-pages .header:hover .content .right .language .icon{color: #1a1a1a;background: url("../images/ll.png") left center no-repeat;}
.inside-pages .header.scroll-top .content .right .search .search-input,.inside-pages .header:hover .content .right .search .search-input{border-bottom: 1px solid #ccc;}
.inside-pages .header .content .center .newnav li a {color: #fff;}
.inside-pages .header:hover .content .center .newnav li a,.inside-pages .header.scroll-top .content .center .newnav li a {color: #242424;}


.inside-pages .header .content .center .newnav li a::after { display: block;  content: '';  margin:0 auto;  width: 0px;  height: 4px;  background-color: #008a45;   transition: all 0.7s ease-in-out 0s;}
.inside-pages .header .content .center .newnav li a:hover:after{width:100%;transition: all 0.7s ease-in-out 0s;}
..inside-pages .header .content .center .newnav li.cur a::after{width:100%;transition: all 0.7s ease-in-out 0s;}

.inside-pages .header .content .center .newnav li a:hover{background:none}
.inside-pages .header .content .center .newnav li.cur a{background:none}
.header.scroll-down {top: -100px;}
.header.scroll-down .header-nav-show {display: none;}

 

/* header - menu */
.header .content .center .newnav li.cur a::after {width:100%;}
.header .content .center .newnav li.cur a{color: #008a45;}
/*.header .content .center .nav li a.cur{color: #008a45;}*/
.header-nav-show {position: absolute;left: 0;top: 118px;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show::before {content: '';display: block;width: 100%;height: 0px;top: 0;left: 0;position: absolute;}

.header-nav-show::after {content: '';display: block;width: 100%;height: 2px;top: 0;left: 0;position: absolute;background:#008a4f}



.header-nav-show .content .nav-content.Hide {display: block;opacity: 0;height: 0px;padding:0;min-height:0px;overflow: hidden;}
.header-nav-show .content .nav-content {background:#f7f7f7;display: block;padding:0% 0;min-height: 80px;opacity:1;height: auto;}
.item-nav {position: relative;overflow: hidden;}

.header .newnav .swiper-slide{background:none !important;}
.item-nav .right-nav{float: left;width:100%;overflow: hidden;height: auto!important;position: relative;text-align:center}

.item-nav .right-nav .newnav{text-align: center;padding: 0px 0% !important;width: 100%;margin-top: 3px;height: auto;background: #f7f7f7;margin: 0;padding: 0;float: left;position: relative;list-style: none;}
.item-nav .right-nav .newnav li{width: auto;padding: 0;font-size: 14px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: inline-table;}

.item-nav .right-nav .newnav li a{padding: 50px 20px 50px 19px;text-align: center;  font-size: 16px; color: #333 !important;  width: 100%;  display: block;   text-decoration: none;   box-sizing: border-box;    -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  -o-transition: all .3s ease-in-out;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;   transition: all .3s ease-in-out;}
.item-nav .right-nav .newnav li:hover a{color:#008a45}


.item-nav .right-nav::-webkit-scrollbar{width:5px;height:1px}
.item-nav .right-nav::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 3px rgba(0,0,0,0.2);background-color:rgba(5,129,67,1)}
.item-nav .right-nav::-webkit-scrollbar-track{box-shadow:inset 0 0 3px rgba(0,0,0,0.2);border-radius:5px;background:#ededed}






/*.header .content .center .newnav li:nth-child(2){display:none}*/
.header-nav-show .content .nav-content:first-child{background: url(../images/nav.jpg) no-repeat center center !important;}
.header-nav-show .content .nav-content:first-child .item-nav .left{float: right;width:70%;overflow: hidden;height: auto!important;position: relative;}
.header-nav-show .content .nav-content:first-child .item-nav .left .ntitle{padding-bottom: 10px;}
.header-nav-show .content .nav-content:first-child .item-nav .left .ntitle h3{font-size: 24px;color: #1a1a1a;text-transform: uppercase;margin: 0;}
.header-nav-show .content .nav-content:first-child .item-nav .left .header-nav-show .content .nav-content:first-child .item-nav-pic-swiper {position: relative;}
.header-nav-show .content .nav-content:first-child .item-nav .left .img {display: block;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.header-nav-show .content .nav-content:first-child .item-nav .left .img img{max-width: 150%;display:block;margin:0 auto;max-height:470px;}
.header-nav-show .content .nav-content:first-child .item-nav .left .text{padding: 20px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666;}
.header-nav-show .content .nav-content:first-child .item-nav .left .btn {font-size: 0;border: 1px solid #ccc;display: inline-block;padding: 15px 20px;position: relative;}
.header-nav-show .content .nav-content:first-child .item-nav .left .btn span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.header-nav-show .content .nav-content:first-child .item-nav .left .btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../upload/right2.png");background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.header-nav-show .content .nav-content:first-child .item-nav .left .btn::before {content: '';display: block;width:0px;height: 100%;position: absolute;left: 0;top: 0;background: #008a45;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header-nav-show .content .nav-content:first-child .item-nav .left a {display: block;overflow: hidden;position: relative;height: 600px;width:100%;}
.header-nav-show .content .nav-content:first-child .item-nav .left a:hover .btn::before{width: 100%;}
.header-nav-show .content .nav-content:first-child .item-nav .left a:hover .btn span {color: #fff;}
.header-nav-show .content .nav-content:first-child .item-nav .left a:hover .btn i{background: url("../upload/right3.png");background-size:100% 100%;opacity: 1;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav {float: left;width:30%;height: 598px !important;background: #fdfdfd;overflow-y:auto;margin-top:2px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul {width:100%;height: 100%;margin: 0;list-style: none;position: relative;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul:last-child::after{display: none;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul.newnav {position: relative;background: #fdfdfd;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul.two {position: absolute;top: 0; left: 340px;background: #fff;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul.three {position: absolute;top: 0;left: 340px;background: #fff;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li{list-style: none;width:100%;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a{position: relative;display: block;padding: 20px 30px;overflow: hidden;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a::before,.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a::after{content: '';display: block;width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a::before {width: 0px;height: 2px;z-index: 3;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a:hover::before{width: 100%;background: #008a45;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a h4{display: block;width: 50%;float: left;font-size: 16px;color: #333333;margin: 0;font-weight:normal;height: 80px;line-height: 80px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a .tu { height: 80px;float: right;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a i{width: 15px;height:25px;position:relative;display: block;opacity: 1;float:right;overflow:hidden;top:32px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a i img{width:100%;height:auto;position:absolute;left:0px;top:0px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a:hover i img,.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur a i img{top:-25px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li:hover a{background:none;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li a:hover i,.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur a i {opacity: 1;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur a h4{color: #000;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur a::before{width: 100%;background: #008a45;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur ul li a::before{width: 0px;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li.cur ul li a:hover::before{width: 100%;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on a i{opacity: .5;display: block;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on a::before{width: 100%;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on ul li a::before{width:0;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on ul li a:hover::before{width:100%;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on ul li a i{opacity: 0;display: none;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li.cur.on ul li a:hover i{opacity: .5;display: block;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul{display:none;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a{color: #999999;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a i {opacity: 0;display: none;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a:hover i {opacity: .5;display: block;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a:hover,.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a:hover h5 {color: #000;}
.header-nav-show .content .nav-content:first-child .item-nav .right-nav ul li ul li a h5{font-size: 15px;color: #999999;margin: 0;font-weight: normal;width: 90%;}







@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Light';
	src: url('../fonts/Barlow-Light.otf');
	src: local('☺'), url('../fonts/Barlow-Light.woff') format('woff'), url('../fonts/Barlow-Light.ttf') format('truetype'), url('../fonts/Barlow-Light.svg') format('svg'), url('../fonts/Barlow-Light.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url('fonts/Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Extra-Bold';
	src: url('../fonts/Montserrat-Extra-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Extra-Bold.woff') format('woff'), url('../fonts/Montserrat-Extra-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Extra-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}















.container{width:74vw;margin:0 auto;}




@media (max-width: 768px){
    .container{width:95vw;}
}
@media (min-width:769px) and (max-width:990px){
  .container{width:90vw;}
}


@media (min-width:991px) and (max-width:1080px){
  .container{width:85vw;}

  .header .phone{display:none}

}
@media (min-width:1080px) and (max-width:1320px){
  .container{width:90vw;}
  
  .header .phone{display:none}

}
@media (min-width:1320px) and (max-width:1600px){
  .container{width:90vw;}
}





















.header .mobile-nav{width: 36px;height: 31px;background: url(../images/nav-icon.png) center center no-repeat;}








/*关于我们-头部 */
.m_img{display:none;}
.m_nav{display:none;}



/*移动端导航*/
@media screen and (max-width: 990px) and (min-width: 0px){

.header { height: 70px;position:relative;display: none;}

.header .pc-nav{display:none;}

.top2{display:none}
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_img{display:block;height:70px;position: relative;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:70px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:25px;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:#222;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(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/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;}
}