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

.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:660px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 50px; }



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

.nav_1left{ float: left;width: 494px; height: 280px;}
.nav_1left dl{ float:left;width: 494px;height: 280px; position:relative;}
.nav_1left dl img{width: 494px;height: 280px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 0.7);width:454px; padding:15px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px;filter: alpha(opacity=100); border-radius: 5px; opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#21A93E;}
.focusBox1 .swiper-pagination-bullets{ left: 40%;}


.nav_1cen{ float: left;width: 246px; height: 280px; padding-left: 20px;}
.nav_1cen .n1c_img{width: 246px;height: 138px; position: relative; border-bottom: 2px solid #fff;}
.nav_1cen .n1c_img a{width: 246px;height: 138px;}
.nav_1cen .n1c_img a .imgtxt{ display: none; }
.nav_1cen .n1c_img a:hover .imgtxt{ background: rgba(0, 0, 0, 0.7); width: 206px;height: 108px; padding: 15px 20px; position: absolute; display: block; color: #fff;  display: flex;
    justify-content: center;
    align-items: center; text-align: center;}
.nav_1cen .n1c_img img{width: 246px;height: 138px; }

.nav_1right{ float: right;width: 420px; height: 280px; overflow: hidden; margin-bottom: 40px;}
.nav_1right ul li{background:url(p0.png) no-repeat left; padding:12px 0 13px 17px; border-bottom: 1px dashed #E6E5E5; line-height: 24px;}
.nav_1right ul li a{color: #1B73C2;}
.nav_1right ul li span{ color: #9FAEBC; font-size: 14px; float: right; padding-left: 5px;}



.nav_2left{ float: left;width: 664px;height: 280px;}
.nav_2left dl{width: 664px;background: #2080D6 url(p1.png) no-repeat bottom 5px right 5px;overflow: hidden; margin-bottom: 20px; height: 137px; color: #fff;}
.nav_2left dl a{width: 664px;height: 137px; display: block;}
.nav_2left dl dt{ float: right;width: 368px; padding: 20px 25px 5px 0; color: #fff;}
.nav_2left dl dd{float: right;width: 368px; padding-right: 25px; color: #AAD0F1;line-height: 24px;font-size: 14px;}
.nav_2left dl img{width: 245px;
height: 137px; float: left;}

.nav_2right{ float: right;width: 516px;height: 294px; overflow: hidden; 
background: #2080D6 url(p1.png) no-repeat bottom 5px right 5px;margin-bottom: 40px;}
.nav_2right ul{ padding: 30px 50px; }
.nav_2right ul li{background:url(p2.png) no-repeat left; padding:10px 0 10px 17px; line-height: 24px;}
.nav_2right ul li a{color: #fff;}
.nav_2right ul li span{ color: #AAD0F1; font-size: 14px; float: right;padding-left: 5px;}


.nav_3bg{background: url(bg.png) no-repeat top; width: 100%; padding-top: 60px;}
.nav_3left{ float: left;width: 590px; margin-bottom: 50px; }
.nav_3left ul{ padding: 20px; background: rgba(255, 255, 255, 0.8); }
.nav_3left ul li{background:url(p0.png) no-repeat left; padding:12px 0 13px 17px;border-bottom: 1px dashed #E6E5E5; line-height: 24px;}
.nav_3left ul li a{color: #1B73C2;}
.nav_3left ul li span{ color: #9FAEBC; font-size: 14px; float: right; padding-left: 10px;}

.nav_3right{width: 590px; float:right;}
.nav_3right dl{ margin-bottom: 20px;padding:15px 20px; background: rgba(255, 255, 255, 0.8); overflow: hidden; height: 62px;}
.nav_3right dl dt{color: #1B73C2;}
.nav_3right dl dd{color: #9FAEBC; font-size: 14px;}

.nav_3left2{ float: left; width: 752px;height: 428px;}
.nav_3left2 dl{width: 752px;height: 428px; position: relative;}
.nav_3left2 dl i{width: 752px;height: 428px; display: block; background: rgba(0, 0, 0, 0.7) url(pl.png) no-repeat center; position: absolute;}
.nav_3left2 dl img{width: 752px;height: 428px; }

.nav_3right2{ float: right; width: 308px;height: 368px;background: #21A93E; border-right: 20px solid #2080D6; padding: 30px 50px 30px 50px; overflow: hidden; margin-bottom: 50px;}
.nav_3right2 dl{width: 305px;
height: 172px; position: relative; margin-bottom: 20px;}
.nav_3right2 dl i{width: 305px;
height: 172px;display: block; background: rgba(0, 0, 0, 0.7) url(pl.png) no-repeat center; background-size: 14%; position: absolute;}
.nav_3right2 dl img{width: 305px;height: 172px;}

.nav_4{ width: 1200px;height: 350px;overflow: hidden; margin: auto ;}
.nav_4 dl{width: 345px;
height: 235px; position: relative; float: left; padding: 0 25px;}
.nav_4 dl i{width: 345px;
height: 195px; display: block; 
background: #21A93E; position: absolute;right: 0; bottom: 0;}
.nav_4 dl img{width: 345px;
height: 195px; z-index: 1; position: absolute;}
.nav_4 dl dt{    color: #fff;
    position: absolute;
    bottom: 8px;
    text-align: center;
    width: 305px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 30px;}

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

.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%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height:auto; background: none; margin-bottom: 5%;}

.icon_1{ width: 50%; margin:0 auto 3% auto;}
.nav_1left{ width: 100%; height: 220px; margin-bottom: 3%;}
.nav_1left dl{width: 100%;height: 220px;}
.nav_1left dl img{width: 100%;height: 220px; }
.nav_1left dl dt{width:92%; padding:2% 4%; font-size:1em; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }


.nav_1cen{ width: 100%; height:auto; padding-left: 0; margin-bottom: 2%;}
.nav_1cen .n1c_img{width: 48.5%;height: 100px; float: left; border:2px solid #fff ; }
.nav_1cen .n1c_img a{width: 100%;height: 100px;}
.nav_1cen .n1c_img a .imgtxt{ display: none; }
.nav_1cen .n1c_img img{width: 100%;height: 100px; }

.nav_1right{ float: left;width: 90%; height: auto; overflow: inherit; margin-left: 5%; margin-bottom: 5%;}
.nav_1right ul li{ line-height: 1.2rem; padding: 3% 0 3% 17px;}
.nav_1right ul li a{}
.nav_1right ul li span{ display: none; }



.nav_2left{ width:90%;height:  auto; background: #2080D6; padding: 5% 5% 0 5%;}
.nav_2left dl{width:100%;overflow: inherit; margin-bottom: 2%; height: auto; }
.nav_2left dl a{width:100%;height: auto; }
.nav_2left dl dt{ float: left;width: 100%; padding: 0; font-size: 1rem;}
.nav_2left dl dd{float: left;width: 100%; padding-right: 0; line-height: 1.2rem;font-size: 0.9rem; margin-bottom: 5%;}
.nav_2left dl img{width: 100%;
height:auto; float: left; margin-bottom: 2%;}

.nav_2right{ float: left;width:100%;height: auto; overflow: inherit; margin-bottom: 4%;}
.nav_2right ul{ padding: 5%; }
.nav_2right ul li{ line-height:1.2rem; padding: 2% 0 2% 15px;}
.nav_2right ul li a{;}
.nav_2right ul li span{ display: none;}


.nav_3bg{padding-top: 8%;}
.nav_3left{width: 90%; margin:0 0 5% 5%; }
.nav_3left ul{ padding:2% 5%; }
.nav_3left ul li{padding:2% 0 2% 17px; font-size: 1rem; line-height:1.2rem;}
.nav_3left ul li a{}
.nav_3left ul li span{ display: none; }

.nav_3right{width: 100%; float:left; margin-bottom: 8%;}
.nav_3right dl{ margin-bottom: 2%;padding:3% 5%; overflow: inherit; height:auto;}
.nav_3right dl dt{ font-size: 1rem; }
.nav_3right dl dd{ font-size: 0.9rem; line-height: 1.2rem;}

.nav_3left2{ width: 100%;height: auto;}
.nav_3left2 dl{width: 100%;height: 228px;}
.nav_3left2 dl i{width: 100%;height: 228px; }
.nav_3left2 dl img{width: 100%;height: 228px; }

.nav_3right2{ float:left; width: 88%;height: auto;padding: 4% 3%; overflow: hidden; margin-bottom: 5%;}
.nav_3right2 dl{width: 48%;
height: 100px; margin:0 2% 2% 0; float: left;}
.nav_3right2 dl i{width: 100%;
height: 100px;}
.nav_3right2 dl img{width: 100%;height: 100px;}

.nav_4{ width: 100%;height:auto;}
.nav_4 dl{width: 86%;
height: 235px; position: relative; float: left; padding: 0 5%; margin-bottom: 5%;}
.nav_4 dl i{width: 90%;
height: 195px; }
.nav_4 dl img{width: 90%;
height: 195px; }
.nav_4 dl dt{width:90%; }

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



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