﻿

.rightNav{ position: fixed; right:28px; top:50%; height:520px; margin-top:-175px; z-index:1001; }
.rightNav li{ background:#fff; position: relative; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); line-height:56px; width:56px; -webkit-transition:all 0.3s; transition:all 0.3s; height:56px; text-align: center; border-radius:3px; margin-bottom: 10px; behavior: url(img/PIE.htc); }
.rightNav li .s1,.rightNav li img,.rightNav li a{ display: block;/* width:100%; height:100%;*/ }
.rightNav li a{ position: relative; }
.rightNav li .s1{ -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); -webkit-transition:all 0.3s; transition:all 0.3s; opacity:1; position: absolute;}
.rightNav li .s2{ display: inline-block; vertical-align: middle; width:36px; line-height:1.3; font-size:14px; opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; visibility: hidden; color:#fff; position: relative; }
.rightNav li .s3{ display: block; opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); -webkit-transition:all 0.3s; transition:all 0.3s; position: relative; height:100%; visibility: hidden;}

.rightNav li:hover .s3{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible;}
.rightNav li:hover .s2{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible;}
.rightNav li:hover .s1{ opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); visibility: hidden;}
.rightNav li:hover{ background:#01763a; }

.goto{ display: none; }
.w_1366 .rightNav{ height:350px; margin-top:-60px; right:5px; }
.w_1366 .rightNav li{ /*width:40px; height:40px; */line-height:40px; }
.w_1366 .rightNav li .s2{ font-size:12px; width:30px; }

.rightNav .w .r_ewm{ position: absolute; width:120px; height:34px; top:50%; margin-top:-32px; right: 78px; padding:15px;border-radius:10px; background:#fff;behavior: url(img/PIE.htc); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); opacity:0; -webkit-filter:alphha(opacity=0); filter:alphha(opacity=0); visibility: hidden; }
.rightNav .w .r_ewm i{ height:100%; right: -8px; position: absolute; width:8px; top:0; background:url(img/arr2.png) no-repeat center; }
.rightNav .w:hover .r_ewm{ opacity:1; -webkit-filter:alphha(opacity=100); filter:alphha(opacity=100); visibility: visible; }
.w_1366 .rightNav .w .r_ewm{ right: 60px; }
.rightNav .w.li4 .r_ewm{width:135px;height:135px;margin-top:-80px;padding:0;}
@media screen and (min-width:1200px){
    *{ -webkit-box-sizing:content-box !important; box-sizing:content-box !important;  }
}


@media only screen and (min-width:1279px) {
	.tran_scale:hover img{transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);  }
    
}

@media only screen and (max-width:1279px) {
    .header .navList li .open{font-size:40px;color: #5A5A5A;position: absolute;top: 0;right: 13px;font-family: '黑体';cursor: pointer;width: 40px;text-align: right;display: block;}
    .header .navList li .one .open{display: block;}
    .header .navList li.on .open{color: #01763a;}
	.w_1366 .rightNav{ top:auto; bottom:90px; height:auto; margin-top:0; }
	.w_1366 .rightNav li{ display: none; }
    
	.menu_h { display: block; background: none; transition: 0.3s all; -webkit-transition: 0.3s all; border: none; width: 35px; height: 30px; padding: 0; outline: none; position: fixed; right: 10px; top: 58px;  z-index: 2000; }
    .menu_h::before, .menu_h::after, .menu_h span { background: #015128   ; border-radius: 2px; }
    .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 4px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; }
    .menu_h span { position: absolute; width: 100%; height: 4px;  top:50%;  left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
    .menu_h::before { -webkit-transform: translate3d(0, -12px, 0); transform: translate3d(0, -12px, 0); }
    .menu_h::after { -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); }
    .menu-open .menu_h span { opacity: 0; }
    .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
    .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

    .header{ position: fixed; width:100%; top:0; left:0; background:#fff;  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
    .header .nav .logo{ width:auto; height:50px; padding:0 0 0 10px; }
	.header .nav .wrap{ padding:10px 0; }
	.header .nav{ height:auto; }
	.header .navList{ display: none; }
	.header.guke .return {display:none;}
    .header .shareNav{ display: none !important; }
	.header .shareNav{ padding-top:10px; padding-right: 60px;  }
    
    .pc_displayNone{ display: block; }

	body{ padding-top:109px; }
	.guide{ margin-top: -109px;}

    .header .navList{ position: fixed; height:100%; overflow: auto; right: 0; background:rgba(255,255,255,0.95); top:109px; width:100%; display: none; border-top:1px solid #ececec; }
    .header .navList li{ float: none; width:100%; text-align: center; }
    .header .navList li .one{ line-height:60px; }
    .header .navList ul{ padding:60px 0; }
    .header .secondNav{ position: static; display:none; opacity:1; filter:alpha(opacity=100); visibility: visible; background:none; width:100%; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px rgba(0,0,0,0); border:1px solid #ececec; border-left:0; border-right:0; margin:0; }
    .header .navList li.on .secondNav{ display: block;  }
    .header .navList .pc_displayNone{ width:80%; background:#015128; margin:0 auto; color:#fff; border-radius:0.1rem; margin-top:0.2rem; }
    .header .navList .pc_displayNone a{ color:#fff;  }
    

    .wrap{ width:984px;  }

    .footer .copy .left,.footer .copy .right{ float: none; text-align: left; width:100%; padding-bottom:10px; }
    .footer .copy .siteMap a{ display: inline-block; float: none; }

    .footer .link .l{ float: none; display: block; }
    .footer .link .a a{ background:none !important; padding:0 20px 0 0 !important;  }

}

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

@media only screen and (max-width:1023px) {
    .wrap{ width:710px;  }
}

@media only screen and (max-width:750px) {
    
    .header .navList li .one{ line-height:40px; }
    .header .navList li .open{font-size: 26px;width: 40px;}
    body{ font-size:0.24rem; }
    .header .navList ul{ padding:0.6rem 0; }
    .wrap{ width:auto; padding:0 0.2rem;  }

    .w_1366 .rightNav li{ width:30px; height:30px; }
    .footer .link{ display: none; }
    .copy .address .div b{ display: inline-block; }
    
    .footer .copy .siteMap{ padding-bottom: 5px; }

    .share_details{ display: none; }

}

@media only screen and (max-width:320px) {
    body,.header,.footer,.body_box{ width:320px; }

    .copy .address span{ float: none; }
}