html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    
    
}

tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul,
li,
div,
img,
p {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    box-sizing: border-box;
    font-family: "微软雅黑";
}

a{text-decoration: none;}

.intop {
    position: fixed;
    width: 100%;
    background-color: #fff;
    height: 114px;
    z-index: 999999999999;
    box-shadow: 0px 0px 8px 0px #ccc;
}

.header {
    position: relative;
}

.pcheader {
    width: 30%;
    float: left;
}

.pclogo {

    float: left;
    position: relative;
   top: 13px;
}

.headerlist {
    float: left;
    padding: 30px 0
}

.headerlist li {
    float: left;
    color: #fff;
    border-right: 1px solid #fff
}

.headerlist li a {
    color: #fff
}

.topright {
    float: right;
    width: 5%;
}

.headerlist ul li:last-child {
    border: none;
}


.soso form input {
    line-height: 35px;
    font-size: 14px;
    height: 35px;
   
    width: 225px;
    border: 0;
    padding-left: 8px;
    float: left;
    color: #333;
    border-radius: 30px;
}

.soso .searchbtn {
    width: 40px;
    height: 37px;
    background: url(../images/sousou.png) no-repeat;
    float: right;
   
    cursor: pointer;
}

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
}

.sjs {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 99
}
.wrap {
    max-width: 1250px;
    margin: 0px auto;
    
}

.wrap1 {

    margin: 0px auto;
    padding: 0px 3% 0px 3%;
}

.menu {}

.menu * {
    box-sizing: border-box;
}

.menu .center {
    width: 56%;
    float: left;
    margin-left: 10%;
}

.menu .ul-list {
    display: flex;
    text-align: center;














    
   margin-top: 1.5%;
}

.menu .ul-list>li {
    flex: 1;
    position: relative;
    height: 80px;
    line-height: 80px
 
}

.menu .ul-list>li:last-child {
    border-right: none;
}

.menu .ul-list>li>a {
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    color: #000;
    height: 35px;
}

.menu .ul-list>li>a:hover {
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    color: #015128;
    border-bottom: 2px solid #006b40;
}

#active{font-weight: bold;
    color: #006b40;}
.menu .ul-list>li>span {
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #006b40;
}

.banner_tit{position: absolute; z-index: 999; top: 40%; width: 100%; font-size: 30px; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px #333; letter-spacing: 5px;}

.menu .ul-list>li:hover .ol-list {
    display: block;
    z-index: 999;
   
}

.menu .ol-list {
    display: none;
    position: absolute;
    left: 0;
    z-index: 999;
    background: #006b40;
    width: 100%;

    border-radius: 10px;
}

.menu .ol-list>li>a {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dashed #078444;
    color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu .ol-list>li>a:hover {
    background: #04773c;
    color: #fff;
    font-size: 17px;
}

.footer {
    position: relative;
    overflow: hidden;
    background: url(../images/fbg.jpg) no-repeat center;
    clear: both;
}


/*选项卡*/

.zsun {
    width: 90%;
    clear: both;
    float: left;
}

#top {
    width: 10%;
    float: right;
}

.znTab {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.znTab .zTabTitle {
    overflow: hidden;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #f57452;
    font-weight: bold;
}

.znTab .zTabTitle ul {
    border: 0;
    margin: 0;
    padding: 0;
}

.znTab .zTabTitle li {
    float: left;
    width: 120px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 32px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #182024;
    cursor: pointer;
    text-align: center;
    border-radius: 20px;
    margin: 20px 15px 0px 15px;
}

.znTab .zTabTitle li:hover {
    width: 120px;
    font-size: 16px; color: #FFFFFF;
    line-height: 32px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #667176;
    cursor: pointer;
    text-align: center;
}

.znTab .zTabTitle .active {
    width: 120px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 32px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #667176;
    cursor: pointer;
    text-align: center;
}

.active {
    height: 32px;
}

.normal {
    height: 32px;
}

.znTab .zTabTitle .normal {
    height: 32px;
    width: 120px;
    font-size: 16px;
    line-height: 32px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #182024;
    cursor: pointer;
    text-align: center;
    color: #FFFFFF;
}

.none {
    display: none;
}

.xxtab {
    width: 100%;
    height: auto;
}

.links {
    color: #fff;
    
}
.links p{float: left; color: #333; font-size: 16px; font-weight: bold;font-weight: bold;
    line-height: 71px;}

.links a {
    color: #fff;
    font-size: 14px;
    margin: 0px 15px 0px 15px;
}

.links a:hover {
    text-decoration: underline;
}

.dianhua {
    width: 30%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding-top: 3%;
}

.dizhi {
    width: 20%;
    float: left;
}

.dianhua1 {
    margin-left: 5%;
}

.dianhua2 {
    margin-left: 10%;
}

.weixin {
    width: 20%;
    float: right;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding-top: 1%;
    padding-bottom: 15px;
}

.dianhua img {
    float: left;
    margin-right: 20px;
}

.dianhua span {
    font-size: 14px;
    font-weight: 100;
}

.endleft {
    width: 40%;
    float: left;
}

.endright {
    width: 17%;
    float: right;
    text-align: right;
    background: url(../images/wic.png) no-repeat;
    background-position: 1px;
    text-indent: 20px;
}

.end {
    color: #fff!important;
    font-size: 14px;
    clear: both;
    height: 35px;
    line-height: 35px;
    background-color: #080b11;
}


.footer {
	background-color: #f5f5f5;
    color: #333;
    height: auto;
     padding-top: 0px; 
    position: relative;
    clear: both;
	top: 20px;
}
.footer a {
	color:#666; font-size: 15px;
	}
.footer a:hover {
	color:#289de9;
	}
.f_link {
	border-bottom:4px solid #256947;
	
	padding: 0px 20px 0px 20px;
	margin:auto;
	position: relative; background-color: #f5f5f5;
	clear: both;
	overflow: hidden;
	top: 0px;
	}
	.links a{line-height: 70px; color: #333; font-size: 15px; margin: 0px 10px 0px 10px;}
	.links a:hover{line-height: 70px; color: #256947; font-size: 15px;}
.f_link span {
	display:block;
	margin:auto;
	width:1200px;
	font-size:14px;line-height:70px;
	}
.f_link span a {
	padding:0px 10px 0px 10px;
	/* border-right:1px solid #868686; */
	}
.f_warp {
	width:1200px;
	margin:auto; padding-top: 20px;
	}
.f_link p img{float: left; margin-right: 20px; margin-top: 9px; }	
	
.link-app {
	padding-top:20px;
	height:70px;
	}
.link-app a {
	display:block;
	width:40px; height:40px;
	float:left;
	margin:0px 10px 0px 10px;
	}
.link-app a:hover {
	background-position:left 40px;
	}
.link-app .icon01 {
	background-image:url(../image/01.fw.png);
	position:relative;
	}
.link-app .icon01:hover {
	background-position:left -40px;
}
.link-app .pop {
	background-color:#fff;
	width:300px; height:150px;
	display:none;
	position:absolute;
	top:-160px; left:-10px;
	box-shadow:2px 2px 5px #555;
	border-radius:5px;
	-webkit-animation: bottomani 1 0.8s;
	animation: bottomani 1 0.8s; 
	}
.link-app .pop span {
	display:block;
	width:150px; height:160px;
	float:left;
	color:#999;
	text-align:center;
	}
.link-app .pop span img {
	width:130px; height:130px;
	display:block;
	margin:auto;
	}
.link-app .icon02 {
	position:relative;
	background-image:url(../image/02.fw1.png);
	}

.link-app .icon03 {
	background-image:url(../image/03.fw1.png);
	position:relative;
	}
	.dh{background-color: #000; height: 55px; line-height: 55px;  font-size: 15px; color: #fff;}
	.dh span{float: right;}




    .f_bg{background: url(../images/fbg.png) no-repeat top; overflow: hidden; padding-bottom: 18px; }

	.pull-righ {
		float: right;
	}
	
	.pull-left {
		float: left; }
	
	
	.table_style a{color: #c32924; font-size: 14px; }
			.table_style a:hover{color: #c32924; text-decoration: underline; }
			.table_style td{padding: 10px 10px 10px 10px; font-size: 15px;}
	
	
.pull-right_1 {
	float: right;
	width: 115px;
	padding-top: 10px;
	margin: 0 0 0 25px;
}
.pull-center_1 { width: 180px; float: left; font-size: 14px; margin-left: 0px; padding-top: 0px; }
.pull-left_1  {
	float: left;
	/* width: 750px; */
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
}
.pull-left_1 p{padding-top: 0px;display: flex;align-items: flex-start;}
.pull-left_1 .iconfont{font-size: 20px;}
.pull-left_1 h1{font-size: 34px; letter-spacing: 2px;}
.wx{ text-align: center; font-size: 14px; color: #fff; margin-top: 10px; }
.text-left {
	text-align: left;
}
.pull-left_1 p span {
    flex: 1;
}
.wx img{width: 121px; height: 121px;}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}




.rightNav{ position: fixed; right:28px; top:50%; height:520px; margin-top:-175px; z-index:99999999999; }
.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(css/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; top:0; left:0; }
.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:-175px; 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:120px; top:50%;  right: 78px; padding:5px;border-radius:10px; background:#fff;behavior: url(css/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(../image/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: 999px) {
    .pull-left_1 h2 {
        display: none;
    }
}




@media screen and (max-width: 998px) {
    .rightNav{display: none;}
    .pull-left_1 p {
        display: none;
    }
    #top {
        display: none;
    }
    .zsun {
        width: 96%;
        clear: both;
        padding: 2%;
        float: none;
        margin: 0px auto;
    }
    .znTab .zTabTitle li {
        margin: 20px 4% 0px 8%;
    }
    .links a {
        margin: 0px 20px 0px 0px;
        line-height: 35px;
    }
    .weixin {
        width: 30%;
        margin: 10px auto;
        float: none;
    }
    .dianhua {
        display: none;
    }
    .endleft {
        display: none;
    }
    .endright {
        float: none;
        width: 68%;
        margin: 0px auto;
        text-align: center;
    }
    
    .f_link {
   
        height: auto;
        width: 100%; 
    
    }
    .f_link p{ width: 120px; margin: 0px auto;}
    .f_link p img{float: none; margin-right: 0px; text-align: center; width: 100%;}	
    .f_link span {
       width: 100%;
       line-height: 0px;padding-bottom: 10px;
    
    }
    
    
    .pull-center_1 {
        width: 94%;
        float: none;
        font-size: 14px;
        line-height: 20px; text-align: center;
        margin-left: 0px;
        padding-top: 0px; margin: 0px auto;
    }
    .f_warp {
        width: 100%;
       
    }
    .pull-right_1 {
        float: none;
        width: 262px;
        margin: 0px auto;
        padding-top: 10px;
        display: none;
    }
    
    .dh span {
        float: none;
    }
    .dh {
        
        height: auto;
        line-height: 25px; padding: 14px;
    text-align: center;
        font-size: 15px;
    
    }
    .footer {
        
        padding-top: 0px;
        margin-top: 0px;
    }
    .f_link span a {
        padding: 0px 0px 0px 10px;
      
    }
    .f_link {
       width: 100%;
        padding: 15px;
     
    }
    .pull-left_1 {
        float: none;
        width: 100%;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        padding: 0px 15px 0px 15px;
    
    }
    .wx {
       
        float: left; color: #fff; margin: 0px 10px 0px 0px;
    }
    .pull-center_1 img{width: 100%; margin-top: 10px;}
    .form-group {
        position: inherit;
        width: 100%;
        float: none;
        top: 0px;
        height: 50px;
        z-index: 3;
        right: 0px;
        background-color: #ebebeb;
        padding-top: 7px;
       
    }
    .pull-left_1 h2{font-weight: 400!important;}
    .f_bg {
        background: url(../images/fbg.png) repeat top;
    }
    .pull-left_1 h1 {
        font-size: 25px;
        
    }

}

















ul.share_div {
    display: flex;
    position: relative;
    z-index: 999;
    gap: 10px;
}

ul.share_div li {
    position: relative;
}

ul.share_div li a {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 0;
    background-image: url(../images/share.png);
    background-size: 205px;
    background-repeat: no-repeat;
}

ul.share_div li a.share_wx {
    background-position: 3px 2px;
}

ul.share_div li a.share_qqzone {background-position: -27px 2px;}

ul.share_div li a.share_weibo {background-position: -57px 2px;}

ul.share_div li a.share_renren {background-position: -117px 2px;}

ul.share_div li a.share_kxw {background-position: -147px 2px;}

ul.share_div li a.share_taobao {background-position: -177px 2px;}

ul.share_div li a.share_wx:hover {
    background-position: 3px -30px;
}

ul.share_div li a.share_qqzone:hover {
    background-position: -27px -30px;
}

ul.share_div li a.share_weibo:hover {
    background-position: -57px -30px;
}

ul.share_div li a.share_renren:hover {
    background-position: -117px -30px;
}

ul.share_div li a.share_kxw:hover {
    background-position: -147px -30px;
}

ul.share_div li a.share_taobao:hover {
    background-position: -177px -30px;
}
ul.share_div li canvas#qrcode {
    position: absolute;
    left: -20px;
    top: 36px;
    width: 100px !important;
    height: 100px !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: none;
}

ul.share_div li:hover canvas#qrcode {
    display: block;
}