/*边距*/
.pd2{padding: 2.5%;}
.pdlr2{padding-left: 2.5%;padding-right: 2.5%;}
.pdtb2{padding-top: 2.5%;padding-bottom: 2.5%;}
.pdtb4{padding-top: 4%;padding-bottom: 4%;}
.pd0{padding:0;}

.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s;}
.columnbt{font-size: 14px;color: #333;line-height: 18px;height: 36px;overflow: hidden;}/*产品列表标题*/
.columnjq{font-size: 18px;color: #f19e00;line-height: 25px;}/*产品列表价钱*/
.columnjq i{font-size: 14px;}

.hx{width: 100%;height: 1px;background: #eaeaea;}

.header{position: fixed;width: 100%;height:80px;background:#fff;top: 0px;z-index: 100;margin: auto;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.header-height{height:80px;}
.header-wrap{position: relative;width: 100%;height: 100%;padding:0 80px;margin:0 auto;}
.header-logo{float:left;width: auto;height: 100%;padding:18px 0;}
.header-logo a{display:block;height:100%;}
.header-logo img{max-width: 100%;height: 100%;display:block;}

.header-icon{float:right;margin-top:22px;}
.header-icon .icon{float:left;width:36px;height:36px;border-radius:50%;background:#999;margin-left:20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header-icon .icon a{display:block;width:100%;font-size:14px;color:#fff;line-height:16px;padding:10px 0;text-align:center;font-family:"Arial";}
.header-icon .icon a img{display:block;width:16px;height:16px;margin:0 auto;}
.header-icon .icon:hover{background:#1d7839;}
.headernav-btn{display:none;}

.header-search-icon{position:relative;}
#search_box1{width:0;height:36px;position:absolute;right:0;top:0;background:#1d7839;border-radius:20px;overflow:hidden;transition: all 0.6s;-webkit-transition: all 0.6s;}
#search_box1.open{width:180px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.inp_srh1{width:144px;float:left;height:36px;line-height:36px;padding:0 2.5%;font-size:12px;background:none;outline:none;border:none;border-radius:50%;padding:0 12px;color:#fff;}
.btn_srh1{width:36px;float:right;height:36px;background:transparent url(../images/icon-search01.png) no-repeat center;background-size:16px;border-radius:50%;}
#search_box1 input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

#search_box1 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

#search_box1 input::-ms-input-placeholder{
    color: #fff;
}

#search_box1 input::-webkit-input-placeholder{
    color: #fff;
}

/*.header-search-icon{float:right;width:48px;height:100%;background:url(../images/icon-search01.png) no-repeat center;background-size:28px;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header-search-icon:hover{background:url(../images/icon-search-1.png) no-repeat center;background-size:32px;}*/

.header-l .head-return{display: block;color:#fff;line-height: 34px;font-size: 14px;width: 48px;height: 100%;background: url(../images/icon-return.png) no-repeat left center;background-size:12px;text-indent:16px;}
.header-l .head-return:hover,
.header-l .head-return:focus{color:#fff;}

.header-search{position:fixed;top:80px;width:100%;z-index:199;background:rgba(240,240,247,0.8);padding:8px 0;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);display:none;}
.header-search-box{width: 100%;max-width:1440px;padding:0 2.5%;margin:0 auto;}
#search_box{float:right;width:40%;}
.header-search input.inp_srh{width:88%;float:left;height:40px;line-height:40px;padding:0 2.5%;font-size:12px;background:#fff;outline:none;border:none;border-bottom-left-radius:24px;border-top-left-radius:24px;border:#1d7839 solid 1px;border-right:none;}
.header-search input.btn_srh{width:12%;float:right;height:40px;background:#fff url(../images/icon-search02.png) no-repeat center;background-size:20px;border-bottom-right-radius:24px;border-top-right-radius:24px;border:#1d7839 solid 1px;border-left:none;}

/*侧边导航*/
.nav-bj{position:fixed;width: 100%;right: 0px;top: 0px;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 200;display: none;}
.nav{width:900px;padding-left:180px;margin:0 auto;transition: all .6s;}
.nav-title{border-bottom: solid 2px #1d7839;height: 64px;padding: 0 3%;background: #fff;position: relative;z-index: 205;display:none;}
.nav-title h3{font-size: 18px;line-height: 62px;color: #000;}
.nav-close{display: inline-block;width: 24px;height:24px;margin-top:20px;}
.nav-ul{float:left;}
.nav-ul li{float:left;position:relative;
	-webkit-perspective: 60px;
    -moz-perspective: 60px;
    -ms-perspective: 60px;
    perspective: 60px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 9999;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.nav-ul .nav-lst h3{float:left;}
.nav-ul .nav-lst h3 a{float:left;padding:0 30px;font-size:16px;color: #333;line-height:80px;font-family:"Microsoft YaHei","微软雅黑";}
.nav-ul .nav-lst:hover h3 a{color:#fff;background:#1d7839;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.nav-ul .nav-lst.cur h3 a{color:#fff;background:#1d7839;}
.nav-ul .nav-lst.cur:hover h3 a{color:#fff;background:#1d7839;transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;}
.nav-ul .nav-lst h3 i{position:absolute;right:0;top:0;display:block;width:40px;height:48px;background:url(../images/icon-down01.png) no-repeat center;background-size:16px;display:none;transition: all 0.6s;-webkit-transition: all 0.6s;}

.sec-nav{position:absolute;top:80px;left:0;width:220px;background:#1d7839;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-63deg);
    -moz-transform: rotateX(-63deg);
    -ms-transform: rotateX(-63deg);
    transform: rotateX(-63deg);
    -moz-backface-visibility:visibility: hidden;;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.sec-nav ul{width:100%;}
.sec-nav li{float:left;width:100%;padding:0;}
.sec-nav li a{float:left;width:100%;font-size:14px;color:#fff;line-height:36px;padding:0 16px;}
.sec-nav li a:hover{background:#eefaf2;color:#1d7839;}
.nav-ul .nav-lst:hover .sec-nav{
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .3s;
}

/*.nav-ul .nav-lst:nth-child(3) .sec-nav{width:240px;}
.nav-ul .nav-lst:last-child .sec-nav{left:auto;right:0;}
.nav-ul .nav-lst:last-child .sec-nav li a{text-align:right;}*/

.nav-ul .nav-btn{padding-top: 15px;}
.nav-ul .nav-btn a{display: inline-block;padding: 0 20px;height: 30px;line-height: 30px;text-align: center;background: #1d7839;color: #fff;font-size: 14px;border-radius: 3px;margin-right: 10px;}

@media(max-width:1600px){
    .nav{padding-left:120px;width:840px;}
}

@media(max-width:1560px){
    .nav{padding-left:40px;width:760px;}
}

@media(max-width:1440px){
    .header-wrap{padding:0 2.5%;}
    .nav{width:auto;padding-left:0;float:right;}
    .nav-ul .nav-lst h3 a{padding:0 26px;}
    #search_box1{display:none;}
}

@media(max-width:1200px){
	.nav-ul .nav-lst h3 a{padding:0 22px;font-size:14px;}
}

@media(max-width:1080px){
	.header{height:64px;}
	.header-height{height:64px;}
	.header-logo{padding:12px 0;}

    .header-icon{margin-top:14px;}
    .header-icon .icon{background:#1d7839;}
    .header-icon .icon.oa{display:none;}
    .header-icon .icon.checkin{display:none;}
	.headernav-btn{display:block;}

	.header-search{top:64px;}
	#search_box{width:100%;}

	.nav{float:none;margin-right:0;position: fixed;width: 80%;height: 100%;background: #fff;overflow-y: auto;right:-100%;top: 0px;z-index: 201;transition: all .6s;}
	.nav.in{right: 0px;}
	.nav-title{display:block;}
	.nav-ul{float:none;width:100%;padding:0 3%;}
	.nav-ul li{float:left;width:100%;border-bottom:#eee solid 1px;
	-webkit-perspective:0;
    -moz-perspective:0;
    -ms-perspective:0;
    perspective:0;
    -webkit-transform-style:flat;
    -moz-transform-style:flat;
    -ms-transform-style:flat;
    transform-style:flat;}
    .nav-ul .nav-lst h3{width:100%;}
	.nav-ul .nav-lst h3 a{width:100%;padding:0;font-size: 16px;line-height: 48px;margin-top:0;margin-bottom:0;}
	.nav-ul .nav-lst:hover h3 a{color:#1d7839;background:none;}
    .nav-ul .nav-lst.cur h3 a{color:#1d7839;background:none;}
	.nav-ul .nav-lst h3 i{display:block;}

	.sec-nav{display:none;}
	.wap-nav{width:100%;display:none;float:left;}
	.wap-nav li{float:left;width:100%;padding:0;border-bottom:none;}
	.wap-nav li a{float:left;width:100%;font-size:14px;color:#666;line-height:36px;text-align:left;padding:0 5%;}
	.wap-nav li a:hover{background:#fff;color:#1d7839;}
    .nav-ul .nav-lst.cur:hover h3 a{background:#fff;color:#1d7839;}
}

@media(max-width:640px){
	.header{height:48px;}
	.header-height{height:48px;}
	.header-logo{padding:6px 0;}
    
    .header-icon{margin-top:6px;}

	.header-search{top:48px;}
	.header-search input.inp_srh{height:36px;line-height:36px;}
	.header-search input.btn_srh{height:36px;}

	.nav-ul{padding:0 5%;}
	.nav-title{height: 48px;}
	.nav-title h3{line-height: 46px;}
    .nav-close{width:18px;height:18px;margin-top:15px;}
}

/* 底部 */
.footer{width:100%;margin:0 auto;background:#4d4d4d;padding:60px 0;}
.foot-nav{float:right;}
.foot-nav dl{float:left;width:100px;margin-left:60px;}
.foot-nav dl dt{float:left;width:100%;margin-bottom:10px;position:relative;}
.foot-nav dl dt a{float:left;width:100%;font-size:16px;color:#fff;line-height:28px;font-weight:normal;font-family:"微软雅黑";}
.foot-nav dl dd{float:left;width:100%;margin-top:10px;}
.foot-nav dl dd a{font-size: 14px;color:#999;display:block;font-family:"微软雅黑";width:100%;line-height:20px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.foot-nav dl dd:hover a{color:#fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.foot-nav dl dt a i{display: none;}

.foot-contact{float:left;width:280px;}
.foot-contact .foot-addr{float:left;width:100%;}
.foot-contact h3{width:100%;font-size:16px;color:#fff;line-height:28px;font-weight:normal;font-family:"微软雅黑";margin-bottom:18px;}
.foot-contact h4{width:100%;font-size:36px;color:#fff;font-family:"Arial";line-height:36px;}
.foot-contact h6{width:100%;font-size:14px;color:#999;line-height:20px;font-family:"微软雅黑";margin-top:8px;}
.foot-contact .foot-code{float:left;width:100%;margin-top:8px;}
.foot-contact .foot-code h6{margin-top:0;margin-bottom:8px;}
.foot-contact .foot-code img{display:block;max-width:100%;}

@media (max-width: 1200px){
    .foot-nav dl{margin-left:40px;}
    .foot-contact{float:left;width:240px;}
}

@media (max-width: 1080px){
    .footer{padding:10px 0 30px 0;}
    .foot-nav{width:100%;padding:20px 0;}
    .foot-nav dl{width:100%;margin:0;}
    .foot-nav dl dt{margin-bottom:0px;border-bottom:#666 solid 1px;}
    .foot-nav dl dt a{line-height:42px;text-align:left;font-size:15px;}  
    .foot-nav dl dt a i{display:block;float:right;width:20px;height:42px;background:url(../images/icon-down01.png) no-repeat center;background-size:15px;}
    .foot-nav dl dd{display:none;padding:0 2.5%;}
    .foot-nav dl dd a{line-height:40px;height:40px;text-align:left;}

    .foot-contact{width:100%;margin-top:12px;}
    .foot-contact .foot-addr{width:50%;}
    .foot-contact h3{margin-bottom:12px;font-size:15px;}
    .foot-contact .foot-code{width:140px;float:right;}
    .foot-contact .foot-code h6{margin-top:0;margin-bottom:8px;}
    .foot-contact .foot-code img{display:block;max-width:100%;}
 }

 @media (max-width:640px){
    .foot-contact .foot-addr{width:60%;}
    .foot-contact h4{font-size:24px;line-height:24px;}
    .foot-contact .foot-code{width:120px;}
 }

/* 底部导航 */
.footer-bottom{width:100%;background:#333;height:60px;}
.footer-link{float:right;width:160px;margin-top:12px;position:relative;}
.footer-link h3{float:left;width:160px;height:36px;border:#666 solid 1px;background:url(../images/icon-up.png) no-repeat 130px center;transition: all 0.3s;-webkit-transition: all 0.3s;cursor:pointer;padding:0 20px;font-size:12px;color:#c2c2c2;line-height:34px;}
.footer-link h3:hover{border:#fff solid 1px;}
.footer-link ul{position:absolute;bottom:36px;width:100%;display:none;}
.footer-link ul li{float:left;width:100%;}
.footer-link ul li a{float:left;width:100%;padding:0 20px;font-size:14px;color:#333;background:#fff;border-top:#eee solid 1px;line-height:36px;height:36px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}

/*底部版权*/
.copyright{font-size: 12px;color: #999;line-height:60px;float:left;}
.copyright p{line-height:60px;float:left;}
.copyright a{color: #999;display:inline-block;margin-left:8px;margin-right:8px;line-height: 24px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.copyright a:hover{color: #fff;}

@media(max-width:1080px){
    .footer-bottom{height:auto;}
    
    /* 底部导航 */
    .footer-link{float:none;margin:0 auto 16px auto;}
    .footer-link h3{float:none;}

    /*底部版权*/
    .copyright{float:none;font-size: 12px;color: #666;line-height: 24px;text-align: center;width:100%;padding:12px 2.5%;}
    .copyright p{line-height: 24px;float:none;}
    .copyright a{color: #666;display:inline-block;margin-left:8px;margin-right:8px;line-height: 24px;}
}


/*回顶部*/
/*.gotop{position: fixed;right: 2%;bottom:48px;width:40px;height:40px;border-radius: 50%;background:#fff;z-index: 199;opacity: 0.8;box-shadow: 0px 0 0px rgba(0,0,0,0.2), 0 1px 10px rgba(0,0,0,0.2), 0 0px 0px rgba(0,0,0,0.2), 0px 0 0px rgba(0,0,0,0.2);display:none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.gotop a{display: block;width: 100%;height: 100%;padding:8px;}
.gotop a img{width: 100%;height:0;padding-bottom:100%;background:url(../images/top.png) no-repeat center;background-size:100%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.gotop:hover{background:#1414dc;}
.gotop:hover a img{background:url(../images/top-1.png) no-repeat center;background-size:100%;}*/

/* 右侧悬浮图标 */
.side-bar{position:fixed;bottom:120px;right:10px;z-index:15;width:48px;}
.side-bar li{width:48px;height:48px;margin-bottom:4px;position:relative;}
.side-bar li .icon{width:48px;height:48px;margin-bottom:4px;border-radius:4px;padding:10px;background:#1d7839;cursor:pointer;transition: all 0.3s;-webkit-transition: all 0.3s;}
.side-bar li .icon img{display:block;width:100%;height:100%;}
.side-bar li:hover .icon{background:#175e2c;}
.side-bar li.gotop{display:none;}

.side-bar-layer{position:absolute;top:0;right:48px;z-index:16;transition: all 0.3s;-webkit-transition: all 0.3s;display:none;}
.side-bar-qq{width:150px;padding-top:12px;border-radius:4px;background:#1d7839;margin-right:4px;}
.side-bar-qq h6{width:100%;margin-bottom:12px;float:left;}
.side-bar-qq h6 a{float:left;width:100%;text-align:center;}
.side-bar-qq h6 a i{display:inline-block;width:24px;height:24px;padding:4px;background:#fff;border-radius:50%;vertical-align:top;}
.side-bar-qq h6 a i img{display:block;width:100%;}
.side-bar-qq h6 a p{display:inline-block;padding:0 8px;font-size:14px;color:#fff;line-height:24px;vertical-align:top;}

.side-bar-skype{width:130px;padding-top:12px;border-radius:4px;background:#1d7839;margin-right:4px;}
.side-bar-skype h6{width:100%;margin-bottom:12px;float:left;}
.side-bar-skype h6 a{float:left;width:100%;text-align:center;}
.side-bar-skype h6 a i{display:inline-block;width:24px;height:24px;padding:4px;background:#fff;border-radius:50%;vertical-align:top;}
.side-bar-skype h6 a i img{display:block;width:100%;}
.side-bar-skype h6 a p{display:inline-block;padding:0 8px;font-size:14px;color:#fff;line-height:24px;vertical-align:top;}

.side-bar-tel{width:180px;padding-top:12px;border-radius:4px;background:#1d7839;margin-right:4px;}
.side-bar-tel h6{width:100%;margin-bottom:12px;float:left;}
.side-bar-tel h6 a{float:left;width:100%;text-align:center;}
.side-bar-tel h6 a i{display:inline-block;width:24px;height:24px;padding:4px;background:#fff;border-radius:50%;vertical-align:top;}
.side-bar-tel h6 a i img{display:block;width:100%;}
.side-bar-tel h6 a p{display:inline-block;padding:0 8px;font-size:16px;color:#fff;line-height:24px;vertical-align:top;}

.side-bar-layer.code{bottom:0;top:auto;}
.wx-code{width:130px;padding:12px;padding-bottom:6px;border-radius:4px;background:#1d7839;margin-right:4px;}
.wx-code img{width:100%;display:block;}
.wx-code h6{width:100%;font-size:12px;color:#fff;line-height:24px;text-align:center;}

.side-bar li:hover .side-bar-layer{display:block;}

@media(max-width:1080px){
    .side-bar{bottom:80px;width:40px;}
    .side-bar li{width:40px;height:40px;}
    .side-bar li .icon{width:40px;height:40px;}

    .side-bar-layer{right:40px;}
    .side-bar-qq{width:130px;padding-top:8px;}
    .side-bar-qq h6{margin-bottom:8px;}
    .side-bar-qq h6 a p{font-size:12px;}

    .side-bar-skype{width:120px;padding-top:8px;}
    .side-bar-skype h6{margin-bottom:8px;}
    .side-bar-skype h6 a p{font-size:12px;}

    .side-bar-tel{width:160px;padding-top:8px;}
    .side-bar-tel h6{margin-bottom:8px;}
    .side-bar-tel h6 a p{font-size:14px;}

    .wx-code{width:120px;}
}


@media (min-width: 1200px){
    .container{width: 1200px;}
 }
 
@media(max-width: 1080px){
    .container{padding-left:2.5%;padding-right:2.5%;}
 }

@media (max-width: 1000px){
    .nopd{padding:0;}

    /*分页页码*/     
    .page01{display:none;}  
    .page02{display:block;}       
 }