* { }
body { margin: 0; padding: 0; font-family: arial,微软雅黑;}
ul,li,p,h1,h2,h3,h4,h5 { list-style: none; margin: 0; padding: 0;}
button { border: 0; outline: 0;}
a { text-decoration: none; color: #424242;}

.inner_box { width: 1300px; margin: 0 auto;}
.btn_detail { width: 130px; height: 36px; display: inline-block; border: 2px solid #8b8d8d; line-height: 36px; text-align: center; color: #7e7e7e; font-size:18px; transition: .5s all;}
.btn_detail:hover { border: 2px solid #399270; color: #fff; background: #399270; transition: .5s all;}

.head { width: 100%; height:58px; position: absolute; z-index: 100; padding: 20px 0 2px;}
.head .logo { float: left; padding: 7px 0 0 10px;}
.head .nav { height:58px; float: right; line-height: 62px; text-align: right;}
.head .nav li { display: inline-block; margin: 0 12px;}
.head .nav li a { display: block; padding: 0 5px; font-size: 17px; transition: .3s all; font-weight: bold; color: #666;}
.head .nav li:hover a { color: #c19865; font-weight: bold; transition: .3s all;}
.head .nav li.active a { color: #c19865; font-weight: bold; border-bottom: 4px solid #c19865; transition: .3s all;}

.head .nav .nav_m { display: none;}

.banner { width: 100%; overflow: hidden; background-position: top center; position: relative;}
.banner .bannerImg {width: 100%; height: auto; visibility: hidden;}
.banner .bannerImg_m {width: 100%; height: auto; visibility: hidden; display: none;}

.toolbar .shares { width: 50%; float: left;}
.toolbar .shares .title {width: auto;height: 32px;float: left;color: #fff;background: #1b5e56;border-radius: 0 0 10px 10px;text-align: center;line-height: 32px;padding: 0 20px;}
.toolbar .shares .content {width: 100%px;height: 56px;overflow: hidden;padding: 19px 0;font-size: 16px;line-height: 18px;color: #dbe7ec;margin-left: -13px;clear: both;}
.toolbar .shares .content p { display: inline-block; padding: 0 30px; color: #424242;}
.toolbar .shares .content p strong { font-size: 22px;}

.toolbar .search { width: auto; float: right;}
.toolbar .search .search_box { width: 530px; height: 55px; overflow: hidden; margin: 33px 0 0 0; background: #fff; border-radius: 10px; position: relative;}
.toolbar .search .search_box input { width: 370px; height: 55px; overflow: hidden; border: 0; outline: 0; padding-left: 20px; font-size: 16px; position: absolute; left: 0; top: 0;}
.toolbar .search .search_box button { width: 140px; height: 55px; overflow: hidden; border: 0; font-size: 20px; background: #1b5e56; color: #fff; font-weight: bold; position: absolute; right: 0; top: 0;}

.foot { width: 100%; height: 135px; overflow: hidden; background: #1b5e56; text-align: right;}
.foot .inner_box { height: 135px; background: url(../img/logo_foot.png) no-repeat 0 center; position: relative; }
.foot ul { width: 1000px; height: 16px; line-height: 18px; font-size: 16px; display: inline-block; padding: 35px 0 20px;}
.foot ul li { display: inline-block; padding: 0 20px; border-left: 1px solid #91c1c1; }
.foot ul li:last-child { margin-right: -20px;}
.foot ul li:first-child { border-left:0; }
.foot ul li a { color: #f4fcfc; display: block;}
.foot .lang { width: auto; height: 28px; overflow: hidden;border-radius: 15px; float: left; font-size: 14px; background: #338c81; text-align: center; position: relative; left:190px; top:57px;}
.foot .lang a { color: #bacfc8; line-height: 28px; display: inline-block; padding: 0 16px;}
.foot .lang a.active { color: #fff; background: #ed6d00;}
.foot .lang a:hover { color: #fff; background: #207369; transition: .3s all;}
.foot .info { color: #91c1c1;}


@media screen and (max-width: 1023px) {
.inner_box { width: 92%; margin: 0 auto;}
.banner { height: auto!important; background-repeat: no-repeat; background-size: 100% auto; }
.banner .bannerImg { display: none;}
.banner .bannerImg_m { display: block;}

.head {}
.head .logo { }
.head .nav_icon { width: 37px; height: 31px; overflow: hidden; background: url(../img/nav_icon.png); background-size: 100% auto; position: absolute; z-index: 555; right: 25px; top: 35px;}
.head .nav_icon:hover,.head .nav_icon.active { background: url(../img/nav_icon2.png); background-size: 100% auto;}
.head .nav { width: 100%; height:500px; overflow-y: auto; line-height: 36px; text-align: left; background:rgba(27,46,43,.8); position: absolute; left: 0; top: 0; padding: 80px 0 0px; border-bottom: 50px; display: none;}
.head .nav li { display: block; margin: 12px 20px;}
.head .nav li a { display: block; padding: 0 20px; font-size: 17px; transition: .3s all; font-weight: bold; color: #d0dfda; border: 0;}
.head .nav li:hover a { color: #c19865; background: none;}
.head .nav li.active a { color: #fff; font-weight: bold; background: #c19865; transition: .3s all; border-radius: 23px; border: 0;}
.head .nav .nav_fold { width: 45px; height: 45px; overflow: hidden; background:rgba(27,46,43,.7) url(../img/nav_fold.png) no-repeat center center; background-size: 70% auto; border-radius: 8px; position: fixed; z-index: 555; right: 21px; top: 25px;}
/*.head .nav .nav_fold { width: 100%; height: 20px; background:rgba(27,46,43,.5) url(../img/nav_fold.png) center center no-repeat; background-size: auto 40%; display: block; opacity: .9; padding: 15px 0; top: 580px; position: relative;}*/
	
.head .nav .nav_m { display: block; padding-bottom: 15px; border-bottom:1px solid rgba(255,255,255,.2);}	
.head .nav .nav_m li { display: block; margin: 12px 24px; line-height: 36px;}
.head .nav .nav_m li a { display: block; padding: 0 5px 0 40px; font-size: 15px; transition: .3s all; font-weight: bold; color: #d0dfda;}
.head .nav .nav_m li:hover a { color: #c19865; font-weight: bold; transition: .3s all; }
.head .nav .nav_m li.active a { color: #fff; font-weight: bold; border-bottom: 0; transition: .3s all;}
	
.toolbar .shares { width: 100%; float:none;}
.toolbar .shares .title { height: 26px; line-height: 26px;padding: 0 13px; font-size: 14px;}
.toolbar .shares .content {width: 100%;height: 40px;overflow: hidden; padding: 14px 0;font-size: 14px;line-height: 18px;color: #dbe7ec;margin-left: 0;clear: both;}
.toolbar .shares .content p { display: inline-block; padding: 0 13px; color: #e7e0e0;}
.toolbar .shares .content p strong { font-size: 16px;}

.toolbar .search { visibility: hidden;}	
	
.foot { width: 100%; height: 200px; overflow: hidden; background: #1b5e56; text-align: center;}
.foot .inner_box { height: auto; background: url(../img/logo_foot.png) no-repeat 10px 30px; position: relative; }
.foot ul { width: 100%; height: 16px; line-height: 18px; font-size: 15px; display: inline-block; padding: 70px 0 20px;}
.foot .lang { width: 140px; height: 28px; overflow: hidden;border-radius: 15px; float: left; font-size: 14px; background: #338c81; position: absolute; text-align: left; right:20px; top:33px;}
.foot .lang a { color: #bacfc8; line-height: 28px; display: inline-block; padding: 0 16px; float: left; }
.foot .lang a.active { color: #fff; background: #ed6d00;}
.foot .lang a:hover { color: #fff; background: #207369; transition: .3s all;}

.foot ul { width: 100%; height: 16px; line-height: 18px; text-align: center;  margin-left: -14px; font-size: 14px; display: inline-block; padding: 100px 0 20px;}
.foot ul li { display: inline-block; padding: 0 12px; border-left: 1px solid #91c1c1; }
.foot ul li:last-child { margin-right: -20px;}
.foot ul li:first-child { border-left:0; }
.foot ul li a { color: #f4fcfc; display: block;}
.foot .info { font-size: 14px;}
}