@charset "utf-8";
/* CSS Document */
/*commom*/
body{ width:100%;}
body .col{ width:100%; /*height:100%;*/ min-height:500px; position:relative; overflow:scroll; overflow-x:hidden;}
	/*页脚*/
.bottom-seize{ width:100%; height:1.5rem;}
.bottom{ width:100%;  line-height:0.8rem; background-color:rgba(0,0,0,0.6); text-align:center; position:fixed; bottom:0; left:0;}
.bottom span{ display:inline-block; margin:0 0.2rem; color:#fff;}
	/*页眉*/
.header{ width:100%; height:1rem; background-color:#fff;}
.header .logo{ width:60%; height:1rem; background:url(../images/logo_en.png) no-repeat center; background-size:contain; margin-left:3%;}
.header .nav{ width:1rem; height:1rem}
.header .nav img{ width:100%; height:100%;}
	/*分页*/
.page{ width:270px; margin:0px auto;}
.page li{ width:56px; height:22px; margin-left:10px; line-height:22px; font-size:0.8em; text-align:center; background-color:#fff; border:2px solid #eee; float:left;}
	/*导航*/
.navsel{ width:50%; padding:10px 0 20px; background-color:rgba(0,0,0,0.8); position:absolute; top:0; right:0; margin-right:-50%;}
.navsel .nav-logo{ width:60%; padding:10px 15% 10px 25%; border-bottom:2px solid #eee;}
.navsel .nav-logo img{ width:100%;}
.navsel li{ width:70%; padding:10px 10%; margin:0 5% 5px; border-bottom:1px solid #eee; color:#fff;}
.navsel li a{ color:inherit;}
.navsel i.close{ display:block; position:absolute; right:88%; top:2%; color:#fff; font-size:1.2em;}
/*#index*/
#index .content{width:100%; min-height:568px; background:url(../images/bg_in.png) no-repeat left; background-size:cover;}
#index .content .logo{ width:40%; margin:0.8rem auto;}
#index .content .logo img{ width:100%;}
#index .content .main{ width:80%; margin:0 auto;}
#index .content .main li{ width:2.8rem; height:1rem; line-height:1rem; border:1px solid #ad9376; border-radius:6px; margin-bottom:0.2rem;}
#index .content .main li .icon{ display:block; width:0.6rem; height:1rem; margin:0 0.2rem;}
#index .content .main li .icon.i01{ background:url(../images/img01_in.png) no-repeat center; background-size:contain;}
#index .content .main li .icon.i02{ background:url(../images/img02_in.png) no-repeat center; background-size:contain;}
#index .content .main li .icon.i03{ background:url(../images/img03_in.png) no-repeat center; background-size:contain;}
#index .content .main li .icon.i04{ background:url(../images/img04_in.png) no-repeat center; background-size:contain;}
#index .content .main li .icon.i05{ background:url(../images/img05_in.png) no-repeat center; background-size:contain;}
#index .content .main li .icon.i06{ background:url(../images/img06_in.png) no-repeat center; background-size:contain;}
#index .content .main li a.text{ display:block; color:#535d36; line-height:1rem;}
#index .content .main li.infor{ width:100%; height:auto; padding:0.2rem 0; margin-top:0.2rem; background-color:rgba(255,255,255,0.6);}
#index .content .main li.infor .column-01{ width:100%; height:1rem;}
#index .content .main li.infor .column-01 .icon.i07{ background:url(../images/img07_in.png) no-repeat center; background-size:contain;}
#index .content .main li.infor .column-01 a.text{ display:block; color:#535d36; line-height:1rem;}
#index .content .main li.infor .column-02{ width:100%; line-height:0.8rem;}
#index .content .main li.infor .column-02 .c02-tit{ display:block; width:30%; text-align:right; margin-right:6%;}
#index .content .main li.infor .column-02 .c02-tel{ display:block; width:64%; font-size:1.3em; font-weight:600; text-align:left;}
#index .content .main li.infor .column-03{ width:100%; text-align:center; line-height:1rem;}
#index .content .main li.infor .column-03 a{ display:block; color:#6e8f6a;}
#index .content .main li.infor .column-03 span{ color:#000;}

/*environment*/
#environment{width:100%; background:#f3f2de;}
#environment .content{ width:100%;}
#environment .content .tab{ margin:0.8rem auto 1.2rem;}
#environment .content .tab li{ height:26px; line-height:26px; text-align:center; background-color:#fff; border:2px solid #a77539; float:left; font-size:0.9em;}
#environment .content .tab li a{ color:inherit;}
#environment .content .main{ width:300px; height:auto; margin:0 auto 1.5rem;}
#environment .content .main .list{ width:100%; margin-bottom:0.4rem;}
#environment .content .main .list .show{ width:30%;}
#environment .content .main .list .show img{ width:100%;}
#environment .content .main .list .text{ width:66%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden;}
@media (min-width:0px) {
#environment .content .tab{ width:300px;}
#environment .content .tab li{ width:76px; margin:3px 10px;}
#environment .content .main{ width:300px;}
}
@media (min-width:360px) {
#environment .content .tab{ width:315px;}
#environment .content .tab li{ width:76px; margin:3px 12.5px;}
#environment .content .main{ width:315px;}
}

@media (min-width:375px) {
#environment .content .tab{ width:330px;}
#environment .content .tab li{ width:76px; margin:3px 10px;}
#environment .content .main{ width:330px;}
}

@media (min-width:414px) {
#environment .content .tab{ width:360px;}
#environment .content .tab li{ width:86px; margin:3px 15px;}
#environment .content .main{ width:360px;}
}

@media (min-width:768px) {
#environment .content .tab{ width:700px; margin-bottom:1.2rem;}
#environment .content .tab li{ width:136px; height:40px; line-height:40px; margin:3px 17.5px;}
#environment .content .main{ width:700px;}
}
/*business*/
#business{width:100%;}
#business .content{ width:100%;}
#business .content .tab{ margin:0.8rem auto;}
#business .content .tab li{ height:26px; line-height:26px; text-align:center; background-color:#fff; border:2px solid #a77539; float:left; font-size:0.9em;}
#business .content .tab li a{ color:inherit;}
#business .content .main{ margin:0 auto;}
#business .content .main p{ width:100%; color:#666;text-align:justify; /*text-indent:2em;*/}
@media (min-width:0px) {
#business .content .tab{ width:200px;}
#business .content .tab li{ width:76px; margin:0 10px; margin-bottom:10px;}
#business .content .main{ width:280px;}
#business .content .main p{ line-height:20px;}
}
@media (min-width:360px) {
#business .content .tab{ width:200px;}
#business .content .tab li{ width:76px; margin:0 10px; margin-bottom:10px;}
#business .content .main{ width:300px;}
#business .content .main p{ line-height:22px;}
}

@media (min-width:375px) {
#business .content .tab{ width:340px; margin-bottom:1.2rem;}
#business .content .tab li{ width:76px; margin:0 2.5px; margin-bottom:10px;}
#business .content .main{ width:340px;}
#business .content .main p{ line-height:22px;}
}

@media (min-width:414px) {
#business .content .tab{ width:360px; margin-bottom:1.2rem;}
#business .content .tab li{ width:76px; margin:0 5px; margin-bottom:10px;}
#business .content .main{ width:360px;}
#business .content .main p{ line-height:24px;}
}

@media (min-width:768px) {
#business .content .tab{ width:700px; margin-bottom:1.2rem;}
#business .content .tab li{ width:136px; height:40px; line-height:40px; margin:0 17.5px; margin-bottom:10px;}
#business .content .main{ width:700px;}
#business .content .main p{ line-height:36px;}
}

/*news*/
#news{width:100%; background:#f3f2de;}
#news .content{ width:100%;}
#news .content .title{ width:70%; margin:0.3rem auto; padding:0.2rem 5%; border-bottom:2px solid #999; font-size:1.2em;}
#news .content .main{ width:80%; margin:0 auto 1rem;}
#news .content .main li{ width:96%; padding:0.2rem 2%; border-bottom:1px solid #91918f; color:#333; margin-bottom:0.1rem;
	overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
#news .content .main li a{ color:inherit;}

/*newsView*/
#newsView{width:100%; background:#f3f2de;}
#newsView .content{ width:100%;}
#newsView .content .title{ width:80%; margin:0.3rem auto; padding:0.2rem 0; text-align:center; border-bottom:2px solid #999; font-size:1.5em;}
#newsView .content .main{ width:80%; margin:0.5rem auto 1rem;}
#newsView .content .main p{ width:100%; color:#666; line-height:22px; text-align:justify;/* text-indent:2em;*/}
#newsView .content .main img{ width:100%}
@media (min-width:0px) {
#newsView .content .main p{ line-height:20px;}
}
@media (min-width:360px) {
#newsView .content .main p{ line-height:22px;}
}

@media (min-width:375px) {
#newsView .content .main p{ line-height:22px;}
}

@media (min-width:414px) {
#newsView .content .main p{ line-height:24px;}
}

@media (min-width:768px) {
#newsView .content .main p{ line-height:36px;}
}




#shanshi{width:100%; background:#f6f7f2;}

#shanshi2{width:100%; background:#fffae7;}

#business .content .main img{ width:100%}