body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff ;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#222222;}
a:hover {text-decoration:underline; color:#0149B5; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%;height:842px; margin-bottom:70px; background:url(banner.jpg) no-repeat top; border-bottom:10px solid #167976;}
.container{ width:1200px; margin:0 auto;}
.icon_1{ background:#fff; text-align:center; width:100%; display:block; padding-bottom:25px;}
.icon_2{ background:#fff; text-align:center; width:100%; display:block; padding-bottom:10px;}

.nav_1{ float:left; width:726px; background:#167B75; height:910px; overflow:hidden; }
.nav1_box1{ height:409px; overflow:hidden; background:url(bg_1.jpg) left no-repeat; position:relative;}

.nav1_box1 .txts_box0{ position:absolute; width:70px; height:70px; top:255px; left:220px;}
.nav1_box1 .txts_box0 .bbtn_1{ width:70px; height:70px; background:url(tp_1.png) center no-repeat; }
.nav1_box1 .txts_box0 .bbtn_2{ width:70px; height:70px; background:url(tp_2.png) center no-repeat; }
.nav1_box1 .txts_box0 .bbtn_3{ width:70px; height:70px; background:url(tp_3.png) center no-repeat; }
.txts_box0 span{display: none;}
.nav1_box1 .txts_box1{ position: absolute; width:40px; height:150px; font-size:28px; color:#fff; top:130px; left:160px;}
.nav1_box1 .txts_box2{ position: absolute; width:290px; height:190px; background:#569E9A; border:10px solid #167B75; top:100px; right:40px; color:#fff; line-height:36px;}
.nav1_box1 input::-webkit-input-placeholder,.nav1_box1 textarea::-webkit-input-placeholder {color:#fff;}
.nav1_box1 .txts_box2 span{float:left;}
.nav1_box1 .txts_box2 .tss_1{ padding:40px 0 20px 40px; height:36px;}
.nav1_box1 .txts_box2 .tss_1 .tss_1a{  background: #167B75; border-radius:6px; color: #fff;margin-bottom:4%; font-size:1.2em;width:150px; height:38px; color:#fff; border:none; line-height:38px; padding-left:10px; font-size:16px;}
.nav1_box1 .txts_box2 .tss_2{ padding:0 0 20px 40px; height:36px;}
.nav1_box1 .txts_box2 .tss_2 .tss_1b{  background: #167B75; border-radius:6px; color: #fff;margin-bottom:4%; font-size:1.2em;width:135px; height:38px; color:#fff; border:none; line-height:38px; padding-left:10px; font-size:16px;}


.nav1_box2{ height:115px; overflow:hidden; border-bottom:1px solid #469592; margin-bottom:20px; padding-top:10px;}
.nav1_box2 ul{padding-left:10px;}
.nav1_box2 ul li{float: left;width:185px; height:90px;height: auto;overflow: hidden;cursor: pointer; background:#459592;border-radius:5px; margin:0 10px; padding:10px 20px 10px 10px;}
.nav1_box2 ul li img{display: block;margin:0 auto;float:left;}
.nav1_box2 ul li em{display: block;width:100px; float:right;text-align: center;font-size: 16px;color:#167B75;line-height:35px; margin-top:10px; background:#fff;border-radius:10px; font-style:normal;}
.nav1_box2 ul li em a{color:#167B75; text-decoration:none;}
.nav1_box2 ul li span{display: block;width:100px; float:right;text-align: center;font-size: 14px;color: #333333;}
.nav1_box2 ul li span i{font-style: normal;color: #ffffff;padding:0 5px;}



.nav1_box3{ height:230px; overflow:hidden;}
.nav1_box3 input::-webkit-input-placeholder,.nav1_box3 textarea::-webkit-input-placeholder {color:#167B75;}

.nav1_box3right{ width:50%;  float:right;}
.nav1_box3right .messages{ margin:auto; overflow: auto;border-radius: 0;width:92%; height: auto; padding:4%; margin-bottom:3%; }
.nav1_box3right .mtxt_bg{border-radius: 0;}
.nav1_box3right .mtxt_bg span{color: #626262; display:block; font-weight:bold;font-size: 1em;margin-bottom:3%;}
.nav1_box3right #content_Message{width:90%; padding:5%; height:120px;margin-bottom:3%; font-size:1em;text-decoration: none;background: #FFFFFF;border-radius: 0;overflow:hidden;border:none;}

.nav1_box3right #submitBtn{ width:100%; height:40px; line-height:40px; text-align:center;background:#2BBCB5;display:block;text-decoration: none; border:0; color:#fff;cursor:pointer; font-size:1.2em;}

.nav1_box3left{ float:left; width:50%; color:#fff;}
.nav1_box3left .messageListbg{ width:92%; height:230px; padding:0 4%; margin-bottom:3%; overflow: auto; }
.nav1_box3left #messageList{ width:100%; display:block; overflow:auto;}
.nav1_box3left #messageList li{border-bottom:1px solid #469592;font-size:1.2em;margin-bottom:2%; padding:2%;}
.nav1_box3left .messageContent {font-size: 0.7em;line-height:1.3em; }
.nav1_box3left .messageTime{ color:#83B3B3;font-size:0.7em;margin-bottom:2%;display:block; line-height:14px;}
.nav1_box3left .messageTime img{float:left; padding-right:2%;  width:13px;}


#getlist{ background:#2BBCB5; width:100%; height:40px; line-height:40px; font-size:0.7em; text-align:center; font-weight:bold; color:#fff; display:block; margin:3% auto 0 auto; border-radius: 3px;}


.nav_2{ float:right; width:444px;}
.nav2_box1{ background:#167B75; padding:10px; color:#fff; margin-bottom:40px;}
.nav2_box1 dl{ background:#459592; border:1px solid #2BBCB5; padding:10px;}
.nav2_box1 dt{ height:190px; overflow:hidden;}
.nav2_box1 dt a{color:#3DE4DD;}
.nav2_box2{ background:#167B75; padding:10px; color:#fff; margin-bottom:70px;}
.nav2_box2 dl{ background:#459592; border:1px solid #2BBCB5; padding:10px;}
.nav2_box2 dt{overflow:hidden; border-bottom:1px solid #68A9A5; margin-bottom:10px; padding-bottom:10px;}
.nav2_box2 dt a{color:#3DE4DD;}
.nav2_box2 dd { margin-bottom:10px;}
.nav2_box2 dd span{font-weight:bold;}

.nav_3bg{ background:url(bg2.png) bottom no-repeat; width:100%; height:640px; margin-bottom:50px;}
.nav_3{ width:1200px; margin:0 auto;}
.nav_3left{ width:600px; height:440px; border:3px solid #167B75; float:left;}
.nav_3left img{width:600px; height:440px; }
.swiper-pagination-bullet{ background:#454545;width:18px; height:18px;border-radius:9px; filter: alpha(opacity=100); opacity: 1.0;}
.swiper-pagination-bullet-active{ background:#167974; width:18px; height:18px;filter: alpha(opacity=100); opacity: 1.0;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px;}
.swiper-button-next,.swiper-button-prev{ background:#000;filter: alpha(opacity=60); opacity: 0.6; }


.nav_3right{ float:right; width:574px; height:426px;background:#167B75; padding:10px; color:#fff;}
.nav_3right dl{ background:#459592; border:1px solid #2BBCB5; height:402px; padding:10px; overflow:hidden;}
.nav_3right dl span{font-weight:bold; display:block;}
.nav_3right dl a{color:#fff;}



.nav_4bg{ background:url(bottom.png) bottom no-repeat; width:100%; padding-bottom:300px;}
.nav_4{ width:1200px; margin:0 auto;}
.nav_4leftbg{ width:585px; float:left;}
.nav_4rightbg{ width:585px; float:right;}
.nav_4left,.nav_4right{ border:3px solid #167B75; background:#167B75; padding:10px;}
.nav_4 ul{ background:#459592; border:1px solid #2BBCB5; padding:10px; overflow:hidden; color:#fff;}
.nav_4 ul a{ color:#fff;}
.nav_4 ul span{float:right;}
.nav_4 ul li{padding-left:15px; background: url(p1.jpg) left no-repeat; line-height:20px; margin-bottom:10px;}

.bottombg{ width:100%;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.bottombg,.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ height:auto; margin-bottom:10%;}
.icon_1,.icon_2{ width:90%; height: auto; margin:0 auto;padding: 2% 5%;}

.nav_1{ width:100%; height: auto;margin-bottom:3%;}
.nav1_box1{ width:100%; background:url(bg_1.jpg) -100px 0 no-repeat;: height:410px; overflow:hidden; position:relative;}

.nav1_box1 .txts_box0{ position:absolute; width:70px; height:70px; top:260px; left:125px;}
.nav1_box1 .txts_box0 .bbtn_1{ width:70px; height:70px; background:url(tp_1.png) center no-repeat; display: block;}
.nav1_box1 .txts_box0 .bbtn_2{ width:70px; height:70px; background:url(tp_2.png) center no-repeat; display: none;}
.nav1_box1 .txts_box0 .bbtn_3{ width:70px; height:70px; background:url(tp_3.png) center no-repeat; display: none;}

.nav1_box1 .txts_box1{ position: absolute; width:40px; height:150px; font-size:2em; line-height:1.1em; color:#fff; top:128px; left:55px;}

.nav1_box1 .txts_box2{ position: absolute; width:190px; height:90px; background:#569E9A; border:3px solid #167B75; top:130px; right:10px; color:#fff; line-height:30px; font-size:0.8em;}
.nav1_box1 .txts_box2 .tss_1{ padding:4% 0 1% 4%; height:30px;}
.nav1_box1 .txts_box2 .tss_1 .tss_1a{  background: #167B75; border-radius:6px; color: #fff;margin-bottom:4%; font-size:1.2em;width:120px; height:30px; color:#fff; border:none; line-height:30px; padding-left:10px; font-size:16px;}
.nav1_box1 .txts_box2 .tss_2{ padding:4% 0 1% 4%; height:30px;}
.nav1_box1 .txts_box2 .tss_2 .tss_1b{  background: #167B75; border-radius:6px; color: #fff;margin-bottom:4%; font-size:1.2em;width:105px; height:30px; color:#fff; border:none; line-height:30px; padding-left:10px; font-size:16px;}


.nav1_box2{ height: auto; overflow:hidden;margin-bottom:4%; padding-top:2%;}
.nav1_box2 ul{padding-left:0;}
.nav1_box2 ul li{float: left;width:27%; height:90px;height: auto;border-radius:5px; margin:2% 1% 4% 1%; padding:2%;}
.nav1_box2 ul li img{display: block;margin:0 auto;float:none;}
.nav1_box2 ul li em{width:90%;border-radius:5px;}
.nav1_box2 ul li span{width:100%;}
.nav1_box2 ul li span i{padding:0 2%;}



.nav1_box3{ height: auto; overflow:hidden; }
.nav1_box3right{ width:100%;  float:none;}
.nav1_box3right .messages{  overflow: auto;border-radius: 0;width:92%; height: auto; padding:0 4% 4% 4%; margin:0 auto 3% auto; }
.nav1_box3right #submitBtn{ width:100%; height:30px; line-height:30px; text-align:center;background:#2BBCB5;display:block;text-decoration: none; border:0; color:#fff;cursor:pointer; font-size:1.2em; margin:0 auto;}

.nav1_box3left{width:100%; height:auto; }
.nav1_box3left .messageListbg{ width:92%; height: auto; padding:0 4%; margin-bottom:3%; overflow:none; }
.nav1_box3left #messageList{overflow:none;height: auto;}
#getlist{ background:#2BBCB5; width:100%; height:40px; line-height:40px; font-size:0.7em; text-align:center; font-weight:bold; color:#fff; display:block; margin:3% auto 0 auto; border-radius: 3px;}


.nav_2{ float:left; width:100%;}
.nav2_box1{ padding:2%;margin-bottom:2%;}
.nav2_box1 dl{ padding:2%;}
.nav2_box1 dt{ height: auto; font-size:0.9em;}
.nav2_box2{  padding:2%;margin-bottom:3%;}
.nav2_box2 dl{ padding:2%;font-size:0.9em;}
.nav2_box2 dt{overflow:hidden; border-bottom:1px solid #68A9A5; margin-bottom:10px; padding-bottom:3%;}
.nav2_box2 dt a{color:#3DE4DD;}
.nav2_box2 dd { margin-bottom:3%;}

.nav_3bg{ width:100%; height: auto; margin-bottom:2%;}
.nav_3{ width:100%; margin:0 auto;}
.nav_3left{ width:98.5%; height: auto;}
.nav_3left img{width:100%; height: auto; }
.swiper-pagination-bullet{width:10px; height:10px;border-radius:5px;}
.swiper-pagination-bullet-active{ width:10px; height:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%;}


.nav_3right{ float:left; width:96%; height: auto; padding:2%; }
.nav_3right dl{ height: auto; padding:3%; overflow:hidden; font-size:0.9em;}



.nav_4bg{width:100%; padding-bottom:0;font-size:0.9em;}
.nav_4{ width:100%; margin:0 auto;}
.nav_4leftbg{ width:100%; float:left; }
.nav_4rightbg{ width:100%; float:right;}
.nav_4left,.nav_4right{ border:3px solid #167B75; background:#167B75; padding:1%;}
.nav_4 ul{  padding:3%; overflow:hidden; color:#fff;}
.nav_4 ul a{ color:#fff;}
.nav_4 ul span{float:right;}
.nav_4 ul li{padding-left:15px; background: url(p1.jpg) left no-repeat; line-height:20px; margin-bottom:3%;}



.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}