﻿body {font-size: 18px; line-height: 24px; font-family:"微软雅黑"; color:#333; background:#fff url(banner.jpg) top no-repeat;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:underline; color:#FD7B23; }
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:550px; margin-bottom: 50px;}
.container_top{width:100%; height: 200px; background: url(bg_top.png) top no-repeat; }
.container{width:100%; background: url(bg_bg.png) center repeat-y; padding-bottom: 50px;}
.container_btm{width:100%; height: 200px; background: url(bg_btm.png) top no-repeat; }

.toud{ width:1200px;padding-bottom: 50px; margin: 0 auto;}
.toud .txtbg{width: 1140px;padding:30px; margin: 0 auto ; line-height: 32px; background: #FFF7F0; color: #FD8537;border-radius: 10px;}

.icon_1{width:100%; padding: 0 0 30px 0; text-align: center; }




.nav_2{width:1220px; padding: 0 0 50px 0; margin:auto;}
#items1{ width:280px; height:320px; padding:0 12px 40px 12px; float:left;}
#items1 .items{ width:276px; height:305px; border: 2px solid #38AF2D; margin: 0 auto; border-radius: 10px;  }
.items dl{  width:276px; height:230px;overflow:hidden;}
.items dt{ width:276px; height:180px; margin-bottom: 10px;}
.items dl img{width:276px; height:180px;}
.items dd{ width:276px; height: 40px; line-height:20px; overflow: hidden;text-align: center; font-size: 16px; }
.items .pic{width:276px; height:80px; position: relative;font-size:24px; text-align: left; color:#FC7C23;line-height:40px;}
.items .ps_b{ background: url(tpbg0.png) 80px center no-repeat;  padding:0 10px 0 115px; height:40px; line-height:40px;font-weight:bold;  text-align: left; float: left;}
.items .tp_b{  position:absolute; right:65px; top:60px; display: block; cursor:pointer; width: 150px;height: 36px;background:#38AF2D;border-radius: 18px; text-align: center; line-height: 36px; font-size: 18px; color: #fff; text-decoration-line: none;}


.nav_3{width: 1200px; margin: 0 auto; }
.nav_3 dl{ width: 570px; float: left; margin:0 30px 10px 0; border-bottom: 1px solid #ccc; height: 150px; padding-bottom: 20px; margin-bottom: 30px; }
.nav_3 dt{ line-height: 30px;  font-size: 26px; margin-bottom: 5px;font-weight: bold; }
.nav_3 dd{color: #9497A9; line-height: 22px; padding-bottom:15px; }

.bottom_bg{ width: 100%; margin-top: -100px; text-align: center; }
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



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

.banner{ background: none; height:auto; margin-bottom:0;}

.toud{ width:100%; height: auto;padding-bottom: 8%; }
.toud .txtbg{width:86%;height: auto;padding:5%;line-height: 1.4em; font-size: 0.9em;}

.icon_1{width:70%; padding-bottom: 3%;margin: 0 auto; }

.container_top{height: 60px; background-size: cover; }
.container{ border-image: none; padding-bottom: 0;}
.container_btm{height: 150px; background-size: cover; }

.nav_2{width:90%; padding-bottom: 3%; height: auto;}

#items1{ width: 100%; padding: 0; background-size: cover;  height: 310px;margin-bottom: 5%;}
#items1 .items{ width:94%; height: 285px; }
.items dl{ width:100%; height: 225px;}
.items dt{ width:100%; margin-bottom: 5px; }
.items dl img{width:100%;}
.items dd{ width:100%;  }
.items .pic{margin: auto;}
.items .tp_b{top: 40px;margin: auto;}

.nav_3{width: 90%; height: auto; }
.nav_3 dl{ width: 100%; margin: 0 0 4% 0; height: auto; padding-bottom: 3%; }
.nav_3 dt{ line-height:1.2em;  font-size: 1em; margin-bottom: 2%; }
.nav_3 dd{line-height: 1.2em; padding-bottom:2%; font-size: 0.9em;}



.bottom_bg{ }
.bottom_bg img{width: 45%;}



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