﻿body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#4F515B; background: #fff url(banner.jpg) no-repeat center 70px;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline; color:#404B67 }
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:650px;}
.nav_bg{ width:100%;background:url(bg1.png) top no-repeat; background-size: cover;}
.container{ width:1250px; margin:0 auto; }

.icon_0a{ text-align:center; margin-bottom:20px;}
.icon_0{ text-align:center; margin-bottom:20px;}

.nav_0{background:url(column-bg-01.png) no-repeat center; width:1228px; height:240px; margin:0 auto 40px auto;line-height:28px;}
.nav_0 dl{ width:1030px; height:120px; overflow:hidden; color:#fff; padding:60px 0 0 0; margin:0 auto;}

.nav_1{background:url(column-bg-02.png) no-repeat center; width:1200px; height:333px; margin:0 auto 40px auto;line-height:28px;}
.nav_1 dl{ width:1010px; height:250px; overflow:hidden; color:#06765E; padding:60px 0 0 0; margin:0 auto;}

#items1{ width:256px; height:260px; padding:0 25px; float:left; margin-bottom:30px; }
#items1 .items{ width:254px; height:238px; background:#FCFCFC; padding:10px; border:1px solid #F3F3F3; overflow:hidden;border-radius: 10px;}
.items dl{ width:254px; height:150px;position:relative; overflow:hidden;border-radius: 10px;}
.items dt{ width:254px; height:150px;z-index:9; position:absolute; top:0; left:0;border-radius: 10px;}
.items dl img{width:254px; height:150px;border-radius: 10px;}
.items dd{ width:254px;overflow:hidden; line-height:30px; background: url(imgbg.png) repeat-x bottom; font-size:16px; z-index:99; position:absolute; bottom:0; left:0;font-size:14px; height:30px; text-align:center;}
.items dd .tl{text-align: center; color:#fff;}
#items1 .items p{ line-height:30px;background:url(imgbg2.jpg) left 28px no-repeat; padding:15px 0 0 25px; }
#items1 .items .tt_tx{height:40px; overflow:hidden;}
.items .pic{width:254px; height:40px; position: relative;}
.items .ps_b{ width:90px; height:30px; line-height:30px; position:absolute;color:#00DFA8; top:9px; left:0; background:url(tp0.jpg) left no-repeat; padding-left:75px; font-size:18px; font-weight:bold;}
.items .tp_b{ width:83px; height:30px; position:absolute; right:0; top:9px; display: block; cursor:pointer; background:url(tp1.jpg) 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,.banner{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ height:auto; margin-bottom:0;}
.icon_0{ width:100%; height: auto; padding-right:0; margin-bottom:2%;}
.icon_0a{ width:96%; height: auto; padding:2%; margin-bottom:0; background:#00BDF4;}

.nav_0{width:100%; height: auto; margin:0 auto 5% auto;line-height:1.1em; background:#00DFA8;border-radius:0 0 10px 10px;}
.nav_0 dl{ width:96%; height: auto; padding:3% 2%; font-size:0.9em;}

.nav_1{background: url(column-bg-02.png) no-repeat top; background-size:cover; width:100%; height: auto; margin:0 auto 4% auto;line-height:1.1em;border-radius: 10px;}
.nav_1 dl{ width:96%; height: auto; padding:4% 2%; font-size:0.9em;}

#items1{ width:47.8%; height:220px; padding:0 1%; float:left; margin-bottom:3%; }
#items1 .items{ width:92%; height:198px; background:#FCFCFC; padding:4%; border:1px solid #F3F3F3; overflow:hidden;border-radius: 10px;}
.items dl{ width:100%; height:100px;position:relative; overflow:hidden;border-radius: 10px;}
.items dt{ width:100%; height:100px;z-index:9; position:absolute; top:0; left:0;border-radius: 10px;}
.items dl img{width:100%; height:100px;border-radius: 10px;}
.items dd{ width:100%;overflow:hidden; line-height:30px; background: url(imgbg.png) repeat-x bottom; font-size:16px; z-index:99; position:absolute; bottom:0; left:0;font-size:14px; height:30px; text-align:center;}
.items dd .tl{text-align: center; color:#fff;}
#items1 .items p{ line-height:30px;background:url(imgbg2.jpg) left 18px no-repeat; padding:3px 0 0 25px; font-size:0.8em; }
#items1 .items .tt_tx{height:30px; overflow:hidden;}
.items .pic{width:100%; height:70px; position: relative;}
.items .ps_b{ width:55%; height:30px; line-height:30px; position:absolute;color:#00DFA8; top:0; left:0; background:url(tp0.jpg) left no-repeat; padding-left:75px; font-size:18px; font-weight:bold;}
.items .tp_b{ width:83px; height:30px; position:absolute; right:23%; top:36px; display: block; cursor:pointer; background:url(tp1.jpg) no-repeat center;}


.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; }
}
