@charset "utf-8";
/* CSS Document */

* { font-family: 微软雅黑;  }
body { margin: 0; padding: 0; background: #dfe7e3;}
ul,li,p,h1,h2,h3,h4,h5 { list-style: none; margin: 0; padding: 0;}
button { border: 0; outline: 0; cursor: pointer;}
a { text-decoration: none; color: #424242;}

.left { float: left;}
.right { float: right;}
.middle { margin: 0 auto;}
.main_block { width: 1400px; height: auto; overflow: hidden; }

.block_style { width: auto; height: auto; overflow: hidden; margin-top: 30px; background: #fff;}
.block_style .block_title { width: 100%; height:auto; border-bottom:1px solid #e5e8e8; box-sizing: border-box; padding: 0 22px; }
.block_style .block_title .title { width: auto; height: 50px; border-bottom: 3px solid #297f50; display: inline-block;}
.block_style .block_title .title .cn { width: auto; height: 60px; display: inline-block; background: url(../img/title_tripng.png) no-repeat center 53px; line-height: 55px; font-size: 24px; font-family: 宋体!important; font-weight: bolder;}
.block_style .block_title .title .en { width: auto; height: 50px; display: inline-block; color: #778e8a; font-size: 14px; text-transform: uppercase; line-height: 50px; padding-left: 4px; font-family: 宋体!important; font-weight: bolder;}
.block_style .block_title .more { display: inline-block; float: right; line-height: 55px;}
.block_style .block_title .more a { font-size: 12px; color: #889b98; text-decoration: underline;}


.top_bar { width: 100%; height: 30px; color: #405456;  text-align: right; background: #c1d5c4;}
.top_bar ul {}
.top_bar ul li { display: inline-block; padding: 0 15px; border-right: 1px solid #89a08d; line-height: 14px; font-size: 14px; margin: 8px 0 8px;}
.top_bar ul li a { cursor:pointer;}
.top_bar ul .qrcode .tooltip  {display: none; position: absolute; border: 1px solid #405456; background-color:#fff; color: #fff; padding: 2px; border-radius: 5px;}

.logo_box { height: 118px; background: #fff;}
.logo_box .logo { height: 118px; width: auto; overflow: hidden; float: left;}
.logo_box .logo a { display: block; margin: 24px 0 0 20px;}
.logo_box .search {width: 360px; height: 44px; border: 1px solid #c8c8c8; float: right; margin-top: 35px;}
.logo_box .search input { width: 240px; height: 42px; overflow: hidden; line-height: 44px; border: 0; padding-left: 12px}
.logo_box .search button { width: 105px; height: 44px; border: 0; float: right; background: url(../img/search_btn.png) no-repeat;}


.nav { width: 100%; height: 50px; background: #308462;}
.nav ul {}
.nav ul.line_1 {}
.nav ul.line_1 > li {width: 127px; height: 50px; overflow: hidden; float: left; }
.nav ul.line_1 > li:hover { height: auto; overflow: hidden; }
.nav ul.line_1 > li > a { display: block;text-align: center; color: #fff; font-size: 18px; line-height: 50px;}
.nav ul.line_1 ul.line_2 { width: 127px; height:auto; padding: 0px 0 0; overflow: hidden; display: block; position: relative; z-index: 555;}
.nav ul.line_1 ul.line_2 li { height: 38px; font-size: 15px; line-height: 38px; text-align: center; background: #2a8262; border-bottom:#076f48 1px solid; border-top: #509c85 1px solid; opacity: .9; transition: .3s all; }
.nav ul.line_1 ul.line_2 li a {color: #fff; display: block;}
.nav ul.line_1 ul.line_2 li:hover { background: #256552; opacity: 1; transition: .3s all;}


.foot_box { width: 100%; height: 430px; overflow: hidden; margin-top: 30px;}
.foot_box .foot_content { width: 100%; height: 335px; overflow: hidden; background:#42865f; }
.foot_box .foot_content .logo_qr { width: 430px; height: 335px; overflow: hidden; float: left; background:url(../img/logo-foot.png) no-repeat 20px 33px;}
.foot_box .foot_content .logo_qr .qr { width: 110px; height: 120px; overflow: hidden; margin: 172px 15px 0 0; float: left;}
.foot_box .foot_content .logo_qr .qr img { width: 80px; height: 80px; overflow: hidden; margin: 0px auto; display: block;}
.foot_box .foot_content .logo_qr .qr span { width: 90%; height: 40px; overflow: hidden; margin: 10px auto 0; display: block; text-align: center; color: #fff; font-size: 14px;}

.foot_box .foot_content .site_map { width: 940px; height: auto; float: right; overflow: hidden;}
.foot_box .foot_content .site_map ul.line_1 { width: 100%; height: 335px; overflow: hidden ;display: block;}
.foot_box .foot_content .site_map ul.line_1 > li { width: 103px; height: 330px; overflow: hidden; display: block; float: left;}
.foot_box .foot_content .site_map ul.line_1 > li > a { font-size: 18px;  padding-left: 15px; line-height: 52px; font-weight: bold; display: block; color: #fff; border-bottom: 1px solid #3e8063; margin: 10px 0;}
.foot_box .foot_content .site_map ul.line_1 ul.line_2 {}
.foot_box .foot_content .site_map ul.line_1 ul.line_2 li { display: inline-block}
.foot_box .foot_content .site_map ul.line_1 ul.line_2 li a { font-size: 14px;  padding-left: 17px; color: #c5d3cc; line-height: 30px;}
.foot_box .foot_content .site_map ul.line_1 ul.line_2 li a:hover {  text-decoration: underline;}
.foot_box .foot_info { width: 100%; height: 48px; overflow: hidden; background: #36744f; font-size: 14px; color:#fff; line-height: 24px; padding: 24px 0;}
.foot_box .foot_info .left { }
.foot_box .foot_info .right { text-align: right; }
.foot_box .foot_info a {
    color: #fff;
}
