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

.mores2{ background:#026E71; display:block; margin:0 auto; width:150px; height:50px; line-height:50px; color:#fff; text-align:center; font-size:20px; margin-bottom:10px;}
.banner{ width:100%;height:800px; margin-bottom:60px; }

.container{ width:1200px; margin:0 auto;}
.icon_1{ width:257px; margin:0 auto 30px auto; text-align:center;display:block;}
.icon_2{ width:451px; margin:0 auto ; padding:0 0 30px 0;text-align:center;display:block;}


.nav_1{ width:1140px; padding:30px;margin:0 auto 30px auto; height:310px;overflow:hidden;box-shadow: 0px 0px 40px 10px #F3F8FC;}
.nav_1 .nav_1left{ float:left; background:url(bg2.png) no-repeat 0 0; width:512px; height:288px; padding:20px 0 0 20px;}
.nav_1 .nav_1left img{ width:512px; height:288px;}
.nav_1 .nav_1right{float:right; width:580px; background:url(bg1.png) no-repeat 0 bottom;}
.nav_1 .nav_1right .txts{width:580px; height:220px; line-height:32px; margin-bottom:50px;}
.nav_1 .nav_1right .mores{background:url(mores.png) no-repeat center; width:140px; height:40px; display:block; float:right;}

.nav_2bg{background:url(bg3.png) top no-repeat; width:100%; height:530px; padding-top:120px; color:#fff;}
.nav_2bg a{color:#fff;}
.nav_2bg .nav_2{width:1200px; margin:0 auto;}
.nav_2bg .nav_2left{float:left; width:645px;}
.nav_2bg .nav_2left .txts{width:645px; height:210px; margin-bottom:40px;}
.nav_2bg .nav_2left .mores{background:url(mores2.png) no-repeat center; width:140px; height:40px; display:block; margin:0 auto;font-size:20px; }

.nav_3{ width:1140px; padding:30px;margin:0 auto 60px auto; overflow:hidden;box-shadow: 0px 0px 40px 10px #F3F8FC;font-size:18px;}
.nav_3 .nav_3left{ float:left; width:400px; }
.nav_3 .nav_3left dt{ float:left; line-height:70px; width:90px; }
.nav_3 .nav_3left dd{ float:right; border-top:6px solid #F5E704; border-left:6px solid #F5E704; background:#026E71; padding:20px 40px;color:#fff;}
.nav_3 .nav_3left dd a{color:#fff;}
.nav_3 .nav_3right{ float:right; width:730px; }
.nav_3 .nav_3right dt{ float:left; line-height:70px;  width:90px;}
.nav_3 .nav_3right dd{ float:right; width:580px;border-top:6px solid #F5E704; border-left:6px solid #F5E704; background:#026E71; padding:20px;color:#fff;}
.nav_3 .nav_3right dd a{color:#fff;}

.nav_4{ width:1140px; padding:30px;margin:0 auto 60px auto; overflow:hidden;box-shadow: 0px 0px 40px 10px #F3F8FC;}
.nav_4 dl{ width:142px; float:left; overflow:hidden; }
.nav_4 dt {width:90px; height:60px; margin:0 auto; text-align:center;}
.nav_4 dt img{ width:90px; height:50px}
.nav_4 dd{text-align:center;}

.nav_5bg{background:url(bg4.png) top no-repeat; width:100%; height:519px; padding-top:60px; }
.nav_5bg .nav_5{width:1140px; padding:30px; overflow:hidden; background:#fff;box-shadow: 0px 0px 40px 10px #F3F8FC;margin:0 auto;}
.nav_5bg .nav_5 ul{ border:1px solid #F6F6F6; float: left; width:550px;}
.nav_5bg .nav_5 ol{ border:1px solid #F6F6F6; float: right; width:550px;}
.nav_5bg .nav_5 .t1{background:#F6F6F6;}
.nav_5bg .nav_5 li{padding:0 15px; line-height:50px; height:50px;}
.nav_5bg .nav_5 li span{color:#8F9AAE; font-size:14px; float:right; display: block;}

.bottombg{ width:100%; background: url(bottom.png) no-repeat center; height:160px;}
.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;}

.mores2{ background:#026E71; display:block; margin:0 auto; width:30%; height:2em; line-height:2em; font-size:1em; margin-bottom:2%;}
  
.icon_1{ width:90%; padding:5% 5% 2% 5%; margin:0 auto;}
.icon_2{ width:90%; padding:5% 5% 2% 5%; margin:0 auto;}

.nav_1{ width:100%;margin:0 auto; padding:0 0 3% 0; height: auto;}


.nav_1{ width:90%; padding:2%;margin:0 auto 3% auto; height: auto;box-shadow: 0px 0px 10px 5px #F3F8FC;}
.nav_1 .nav_1left{ float:left; background:url(bg2.png) no-repeat 0 0; width:93%; height: auto; padding:20px 0 0 20px; margin-bottom:2%;}
.nav_1 .nav_1left img{ width:100%; height: auto;}
.nav_1 .nav_1right{float:left; width:100%;}
.nav_1 .nav_1right .txts{width:100%; height: auto; line-height:1.4em; margin-bottom:3%; font-size:0.9em;}
.nav_1 .nav_1right .mores{background:url(mores.png) no-repeat center; width:140px; height:40px; display:block; float:right;}

.nav_2bg{background:#0E7174; width:100%; height: auto; padding-top:3%; color:#fff;}
.nav_2bg .nav_2{width:94%; margin:0 auto;}
.nav_2bg .nav_2left{float:left; width:100%;}
.nav_2bg .nav_2left .txts{width:100%; height: auto; line-height:1.4em; margin-bottom:5%; font-size:0.9em;}
.nav_2bg .nav_2left .mores{background:url(mores2.png) no-repeat center; width:140px; height:40px; display:block; margin:0 auto 3% auto; }

.nav_3{ width:90%; padding:2%;margin:0 auto 3% auto; height: auto;box-shadow: 0px 0px 10px 5px #F3F8FC;font-size:0.9em;}
.nav_3 .nav_3left{ float:left; width:100%; margin-bottom:2%; }
.nav_3 .nav_3left dt{ float:left; line-height:1.6em; width:25%; padding:2% 0 0 3%;}
.nav_3 .nav_3left dd{ float: right; width:63%;border-top:3px solid #F5E704; border-left:3px solid #F5E704; background:#026E71; padding:2% 4%;color:#fff;}
.nav_3 .nav_3left dd a{color:#fff;}
.nav_3 .nav_3right{ float:left; width:100%; margin-bottom:2%; }
.nav_3 .nav_3right dt{ float:left; line-height:1.6em; width:25%; padding:2% 0 0 3%;}
.nav_3 .nav_3right dd{ float: right; width:63%; border-top:3px solid #F5E704; border-left:3px solid #F5E704; background:#026E71; padding:2% 4%;color:#fff;}
.nav_3 .nav_3right dd a{color:#fff;}

.nav_4{ width:90%; padding:2%;margin:0 auto 3% auto; height: auto;box-shadow: 0px 0px 10px 5px #F3F8FC;font-size:0.8em;}
.nav_4 dl{ width:33.3%; float:left; overflow:hidden; }
.nav_4 dt {width:80%; height: auto; margin:0 auto; text-align:center; }
.nav_4 dt img{ width:100%; height: auto; }


.nav_5bg{background: url(bg4.png) top no-repeat; width:100%; height: auto; padding:5% 0 2% 0; }
.nav_5bg .nav_5{ width:90%; padding:2%;margin:0 auto 3% auto; height: auto;box-shadow: 0px 0px 10px 5px #F3F8FC;}
.nav_5bg .nav_5 ul{ float: left; width:100%;}
.nav_5bg .nav_5 ol{ float: left; width:100%;}
.nav_5bg .nav_5 .t1{background:#F6F6F6;}
.nav_5bg .nav_5 li{padding:2% 4%; line-height:1.3em; font-size:0.95em; height: auto;}
.nav_5bg .nav_5 li span{ display:none;}



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