body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#296C7C; background:#D4F3F6 url(banner.jpg) no-repeat center 70px;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#296C7C;}
a:hover {text-decoration:underline; color:#000 }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}
.tt{ display: block; background: #fff; }

.banner{ width:100%; height:910px;}
.icon_1{width:100%; margin-bottom: 20px; text-align: center; }

.nav_1{width: 1200px; margin:0 auto 75px auto; }
.nav_1left{ float:left; width: 1200px; margin-bottom: 90px; }
.nav_1leftbg{ width: 1200px; height: 558px; background: url(1a.png) no-repeat center;overflow:hidden; }

.nav1_box1{width: 1200px;  height:320px;  position:relative; }

.nav1_box1 .txts_box0{ position:absolute; width:70px; height:70px; top:255px; right: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:70px; left:513px; }

.nav1_box1 .txts_box2{ position: absolute; width:220px; height:100px; top:70px; right:40px; color:#fff; line-height:30px;}
.nav1_box1 input::-webkit-input-placeholder,.nav1_box1 textarea::-webkit-input-placeholder {color:#fff;}
.nav1_box1 .txts_box2 span{float:left; color: #fff; background: #2F6974; padding-left: 10px;border-radius:6px 0 0 6px; font-size: 12px;}
.nav1_box1 .txts_box2 .tss_1{ padding:0 0 20px 0; height:30px;}
.nav1_box1 .txts_box2 .tss_1 .tss_1a{  background: #fff; border-radius: 0 6px 6px 0; color: #fff;margin-bottom:4%; width:164px; height:30px; color:#2F6974; border:none; line-height:30px; padding-left:10px; font-size:14px; float: right;}
.nav1_box1 .txts_box2 .tss_2{ padding:0 0 20px 0; height:30px}
.nav1_box1 .txts_box2 .tss_2 .tss_1b{  background: #fff; border-radius: 0 6px 6px 0; color: #fff;margin-bottom:4%; width:152px; height:30px; color:#2F6974; border:none; line-height:30px; padding-left:10px; font-size:14px; float: right;}


.nav1_box2{ width: 560px; height:184px; padding-left: 250px; overflow:hidden; }
.nav1_box2 ul{padding-left:10px;}
.nav1_box2 ul li{float: left;width:180px; height:144px;overflow: hidden;cursor: pointer; background:url(1.2.png) center no-repeat; }
.nav1_box2 ul li img{display: block;margin:0 auto; padding-top:20px;}
.nav1_box2 ul li em{display: block;width:66px;text-align: center;font-size: 14px;color:#fff;line-height:26px; background:#2F6974;border-radius:13px; font-style:normal; margin:10px auto 0 auto;}
.nav1_box2 ul li em a{color:#fff; text-decoration:none;}
.nav1_box2 ul li span{display: block;width:100px;text-align: center;font-size: 14px;color: #80D6CD; margin-top:5px; margin: auto;}
.nav1_box2 ul li span i{font-style: normal;color:#2F6974;padding:0 5px;}


.mav_3{ width:222px; height: 350px; overflow:hidden; position: absolute; right: 40px; top: 160px;}
.mav_3 input::-webkit-input-placeholder,.nav1_box3 textarea::-webkit-input-placeholder {color:#167B75;}

.mav_3right{ width:220px; height: 170px; }
.mav_3right .messages{ margin:auto; overflow: auto;border-radius: 0;width:220px; height: auto;  margin-bottom:3%; }
.mav_3right .mtxt_bg{border-radius: 0;}
.mav_3right span{color: #376A7F; display:block; text-align:center;font-size: 14px; padding:5% 0 0 0;}
.mav_3right #content_Message{width:200px; padding:9px; height:100px;font-size:14px;text-decoration: none;background: #FFFFFF;overflow:hidden;border:none; border:1px solid #2F6873;border-radius:6px; }

.mav_3right #submitBtn{ width:100%; height:30px; line-height:30px; text-align:center;background:#376A7F;display:block;text-decoration: none; border:0; color:#fff;cursor:pointer; font-size:14px;border-radius:6px;}

.mav_3left{ float:left; width:100%; color:#fff;}
.mav_3left .messageListbg{ width:100%; height:170px;margin-bottom:3%; overflow: auto; }
.mav_3left #messageList{ width:100%; display:block; overflow:auto;}
.mav_3left #messageList li{border-bottom:1px solid #87AAB7;margin-bottom:1%; padding:1% 2%; color: #fff;}
.mav_3left .messageContent {font-size: 12px;line-height:16px; margin-bottom:5px;}
.mav_3left .messageTime{ color:#fff;font-size:12px;margin-bottom:2%;display:block; line-height:16px; text-align:right;}
.mav_3left .messageTime img{float:left; padding-right:2%;  width:10px;}


#getlist{ background:#376A7F; width:220px; height:30px; line-height:30px; font-size:12px; text-align:center; font-weight:bold; color:#fff; display:block; margin:3% auto 0 auto; border-radius: 3px;}
.messageListbg::-webkit-scrollbar {width: 8px;height: 1px;}
.messageListbg::-webkit-scrollbar-thumb {border-radius: 4px;background: #376A7F;}
.messageListbg::-webkit-scrollbar-track {border-radius: 4px;background: #fff;}







.nav_1right{ width: 1200px; margin: auto; }
.nav_1right_b{ width: 1130px; height: 227px; background: url(2a.png) no-repeat center; padding: 25px 35px; }
.nav_1rightbg{width: 1130px; height: 227px; overflow: auto; padding-right: 20px;}
::-webkit-scrollbar {width: 8px;height: 1px;}
::-webkit-scrollbar-thumb {border-radius: 6px;background: #306875;}
::-webkit-scrollbar-track {border-radius: 6px;background: #78CAC4;}


.nav_2bg{ width: 100%;  height: 1027px; background: url(bg1.png) no-repeat top; margin-bottom: 80px; padding-top: 210px;}
.nav_2a{ width: 1200px; height: 228px; background: url(3.1.png) no-repeat center; margin: 0 auto 70px auto; padding-top: 30px;}
.nav_2a .box_1{ float: left; width: 500px; padding:30px 40px 0 50px; height: 170px; line-height: 30px; overflow: auto;border-right: solid 1px #296C7C; }
.nav_2a .box_2{ float: right; width: 500px; padding:30px 40px 0 0; height: 170px; line-height: 30px; overflow: auto;margin-right:20px;}

.nav_2b{ width: 1140px; height: 329px; background: url(4.1.png) no-repeat center; margin: 0 auto; padding: 30px 30px 0 30px;}
.nav_2b_left{ float: left; width: 550px; height: 310px;border-right: solid 1px #296C7C; padding-right: 20px;  }
.nav_2b_left img{width: 550px; height: 310px;}
.focusBox1 {}
.focusBox1 .swiper-pagination{bottom:15px; left: 35%}
.focusBox1 .swiper-pagination-bullet{background:#fff;width:10px; height:10px;border-radius:5px; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullet-active{ background: #296C7C;  filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-button-next{ position:absolute;width:20px;height: 35px;z-index: 10;cursor: pointer;background: url(right.jpg) no-repeat center;top:50%; right: 0%; }
.focusBox1 .swiper-button-prev{ position:absolute; width:20px;height: 35px;z-index: 10;cursor: pointer;background: url(left.jpg) no-repeat center;top:50%; left: 0; }


.nav_2b_right{float: right; width: 520px; height: 310px; overflow: auto; padding-right: 20px;}
.nav_2b_right::-webkit-scrollbar {width: 8px;height: 1px;}
.nav_2b_right::-webkit-scrollbar-thumb {border-radius: 6px;background: #306875;}
.nav_2b_right::-webkit-scrollbar-track {border-radius: 6px;background: #78CAC4;}


.nav_3{ width: 1200px; margin: 0 auto 110px auto; }
.nav_3 .nav_3left{ width: 579px; float: left; }
.nav_3 .nav_3leftbg{width: 579px;  height: 288px; background: url(5.1.png) no-repeat top;}
.nav_3 .nav_3leftbg ul{ padding:35px 30px; }
.nav_3 .nav_3leftbg li{ background: url(p0.jpg) no-repeat left; padding-left: 20px; line-height: 36px; }
.nav_3 .nav_3leftbg span{ float: right;}
 


.nav_3right{float: right; width: 581px;}
.nav_3rightbg{width: 519px;  height: 218px; padding:35px 30px;  background: url(6.1.png) no-repeat top; overflow: hidden;}

.bottom_sbj{ display:none;}
.bottom_bg{width: 100%; height: 365px; background: url(bottombg.png) no-repeat center;}

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

.banner{ width:100%; height: auto; margin-bottom: 4%;}
.icon_1{width:90%; margin:0 auto 1% auto; text-align: center;  }
.icon_1a{width:90%; margin:0 auto 1% auto; text-align: center;  }
.icon_1a img{width: 100%;}

.nav_1{width: 100%; margin:0 auto 3% auto; }
.nav_1left{width: 100%; margin-bottom:3%; position:relative; }
.nav_1leftbg{ width: 100%; height:820px;overflow:hidden; background: none;}

.nav1_box1{width: 100%;  height:320px; background: url(1b.jpg) no-repeat top; background-size: 100%; margin-bottom: 3%; }
.nav1_box1 .txts_box2 .tss_1 .tss_1a{ width: 64px; }

.nav1_box1 .txts_box1{ width:40px; height:100px; font-size:1.3em; top:75px; left:46%;}

.nav1_box1 .txts_box2 .tss_1 span{ width: 20%; }
.nav1_box1 .txts_box2 .tss_1 .tss_1a{ width: 69%;}
.nav1_box1 .txts_box2 .tss_2 span{ width: 30%; }
.nav1_box1 .txts_box2 .tss_2 .tss_1b{ width: 59%;}


.nav1_box1 .txts_box2{ width: 60%; top:220px;left: 20%; }
.nav1_box1 .txts_box2 .tss_1{ padding:0 0 10px 0; height:30px;}


.nav1_box2{ width: 100%; height:184px; padding-left: 0;}
.nav1_box2 ul{padding-left:1%;}
.nav1_box2 ul li{width:33%; }



.mav_3{ width:96%; height: auto; right: 2%; top: 490px;}

.mav_3right{ width:100%; }
.mav_3right .messages{width:100%; }
.mav_3right .mtxt_bg{border-radius: 0;}
.mav_3right #content_Message{width:93%; padding:3%;}

.mav_3right #submitBtn{ width:100%; }

.mav_3left .messageContent { color:#376A7F;}
.mav_3left .messageTime{ color:#376A7F;}



#getlist{width:100%; }







.nav_1right{ width: 100%; margin-bottom: 3%; }
.nav_1right_b{ width: 93%; height: auto; background-image: none; background: #63CBC4; border:2px #2F6974 solid; padding:3%; margin: auto;}
.nav_1rightbg{width: 95%; padding:5px 10px;}


.nav_2bg{ width: 100%;  height: auto; margin-bottom: 8%; padding-top:5%;background-image: none; }
.nav_2a{ width: 96%; height: 500px; background-image: none; margin: 0 auto 7% auto; padding-top: 3%; }
.nav_2a .box_1,.nav_2a .box_2{ float: left; width: 94%; padding:1% 3%; height: 220px; margin-bottom: 8%; overflow: auto; border-right:none;background: #E5FCF9; border:2px #2F6974 solid; }

.nav_2b{ width: 93%; height: auto; background-image:none; padding: 3%;}
.nav_2b_left{ float: left; width: 100%; height: 250px;border-right:none; padding-right: 0;  }
.nav_2b_left img{width: 100%; height:250px;}



.nav_2b_right{float: left; width:92%; height:  auto; background: #E5FCF9; border:2px #2F6974 solid; padding-right:0; padding: 3%;}



.nav_3{ width: 100%; margin: 0 auto 3% auto; }
.nav_3 .nav_3left{width: 100%; height: auto; margin-bottom: 5%}
.nav_3 .nav_3leftbg{width:96%; height: auto; background-image: none; background: #63CBC4; border:2px #2F6974 solid; margin: auto;}
.nav_3 .nav_3leftbg ul{ padding:3%;}
.nav_3 .nav_3leftbg li{ padding:2% 0 2% 20px; line-height:1.4em; }
.nav_3 .nav_3leftbg span{ display: none;}
 


.nav_3right{float: left; width: 100%;margin-bottom: 5%}
.nav_3rightbg{width:92%; height: auto; background-image: none; background: #63CBC4; border:2px #2F6974 solid; margin: auto; padding: 3%}

.bottom_bg{ width: 100%; height: auto; background-image: none; }
.bottom_bg img{ width: 100%; }

.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; }
}