body {font-size: 18px; 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:550px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 30px;}
.banner .b_1{ padding:80px 460px 0 0; width: 410px; height: auto;}


.tout{width:1200px; height: 468px;
box-shadow: 0px 2px 15px 1px #D4D4D4;margin: 0 auto 30px auto;}
.tout img{ float: left; width: 835px; height: 468px;}
.tout dl{ float: right; width: 325px; height: 410px; padding: 20px 20px 0 0; }
.tout dt{ font-size: 32px; line-height: 45px; margin-bottom: 10px; }
.tout dd{font-size: 19px; line-height: 26px;}

.nav_1bg{ width: 100%; background: url(bottombg.png) no-repeat bottom; }
.nav_1{ width: 1200px; margin: auto; }

.nav_1 dl{width: 583px;height: 480px;box-shadow: 0px 2px 15px 1px #D4D4D4;  background: #fff; margin-bottom: 20px;float: left;}
.nav_1 dl:nth-child(even){ float: right; }

.nav_1 dl i{ width: 100%; height: 40px; background: url(imgbg.png) no-repeat center; display: block; }
.nav_1 dl img{width: 513px;
height: 287px; padding: 35px 0 10px 35px ;}
.nav_1 dt{width: 513px; margin: auto; font-size: 20px; line-height: 36px;}

.bbbb_bg{ text-align: center; color: #fff; padding: 180px 0 80px 0; }

.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:20rem;  margin-bottom: 3%; background-size: cover; text-align: left;}
.banner .b_1{ padding:3rem 0 0 1.5rem; width:55%; height: auto; margin: 0;}

.tout{width:90%; height:auto;
margin: 0 auto 6% auto;}
.tout img{ float: inherit; width: 100%; height:auto;}
.tout dl{ float: inherit; width:90%; height: auto; padding:5%; }
.tout dt{ font-size:1.1rem; line-height:1.5rem; margin-bottom:0.5rem; }
.tout dd{font-size: 1rem; line-height: 1.3rem;}

.nav_1bg{ }
.nav_1{width: 100%;}

.nav_1 dl{width:90%;height:auto;margin:0 0 1rem 5%;}
.nav_1 dl:nth-child(even){ float: left; }
.nav_1 dl i{height: 1.5rem; }
.nav_1 dl img{width:90%;
height: auto; padding: 5%;}
.nav_1 dt{width:90%; padding:0 5% 5% 5%; font-size: 1rem; line-height: 1.3rem;}

.bbbb_bg{ width: 90%; margin: auto; text-align: center; color: #fff; padding: 4rem 0 2rem 0; font-size: 0.8rem; }



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