@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,input,textarea,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color:#03F; text-decoration: none; outline:none;}a:hover {color: #f60; text-decoration: none}
body {background:#fff;font-size: 18px;color: #000;line-height:28px;font-family: 微软雅黑;}

.lg{ width:85%; margin:0 auto;}
.lg img{ height:60px; padding:5px;}
.banner{ width:100%;}
.banner img{ width:100%;}

.dd{ width:85%; margin:0 auto;}

.b1{ width:85%; margin:0 auto; font-size:14px;height:560px;border: solid #03f 1px; padding-top:30px;}
.b1 h1{ font-size:18px;}
.b1 img{ width:100%; height:250px }
.b1_l{ width:27%; margin-right:15px;height:250px; float:left;border-right: solid #03f 1px;padding-left:30px;}
.b1_c{ width:39%;margin-right:10px;float:left;}
.b1_r{ width:28%;float:right;overflow-y:scroll; height:280px;border-left: solid #03f 1px; padding-left:10px;}
.b1_r p{ text-indent:2rem}

.b2{ width:85%; margin:0 auto; font-size:14px;height:200px;border: solid #03f 1px; padding:30px;}
.b2 h1{ font-size:18px;}
.b2 img{ width:100%; height:250px }
.b2_l{ width:27%; margin-right:15px;height:200px; float:left;border-right: solid #03f 1px;padding-left:30px;}
.b2_c{ width:39%;margin-right:10px;float:left;}
.b2_r{ width:28%;float:right;overflow-y:scroll; height:200px;border-left: solid #03f 1px; padding-left:10px;}
.b2_r p{ text-indent:2rem}

.bt{ width:100%; text-align:center;}
.bt h3{ font-size:30px;}

.b3{ width:81%; margin:0 auto; padding:30px;border: solid #03f 1px; font-size:14px; height:120px;}
.b3 p{ width:50%; float:left;}
.b3 span{ color:#f60;}


.rcsj{ width:85%; margin:0 auto ;}
.rcsj h1{ width:100%; height:30px; padding:10px; background:#CCC; color:#000}
.rcsj h1 span{ float:right}
.rcsj li{ width:100%;  float: left}
.rc_l{ width:45%; float:left;}
.rc_r{ width:55%; float:left; margin-top:30px; font-size:16px;}
.rcsj li img{ width:85%;height:300px; text-align:center}
.rc_r span{ color:#C00}

.kj{ width:85%; margin:0 auto; height:600px; font-size:14px;border: solid #03f 1px; padding-top:30px;}
.kj_l{float:left; width:450px; height: 314px; margin-left: 30px}
.kj_r{float: right; width: 470px; height: 200px;}

.ggt{ width:85%; margin:0 auto;}
.ggt img{ width:100%; height:100px;}

.zb{width:85%;height:420px;border: solid #03f 2px; margin: auto;}
.z_l{ width:28%; height:400px; float:left; text-align:center}
.z_l h3{ margin-top:10px;margin-bottom:10px;  font-size:24px;}
.z_l img{ width:80%; height:240px}
.z_c{ width:36%; float:left;}
.z_r{ width:30%; float:right;}
.z_r p{ font-size:14px; font-weight:bold}
.z_e{ width:70%; float:left}

.ab{width:85%;height:auto;border: solid #03f 2px; margin: auto;}
.ab p{ padding:10px;}


.footer{ font-size:16px;}
.footer a{ color:#000;}.footer a:hover{color: #f60;}


#show:hover img{display:block;}
#show img{position:absolute;z-index:999;top:150%;left:33%;width:366px;display:none; height:330px;}




@media screen and (min-width:200px) and (max-device-width:640px){
body {background:#fff;font-size:100%;color:#000;line-height:28px;font-family: 微软雅黑; }

.b1{ width:100%;font-size:14px;height:600px;border: 0px;}
.b1 h1{ font-size:18px;}
.b1 img{ width:100%; height:250px;}
.b1_l{ width:100%; padding-top:30px;height:250px; float:left;}
.b1_c{ width:100%;padding-top:30px;float:left;}
.b1_r{ width:100%;float:right;overflow-y:scroll; height:280px; padding-top:30px;}
.b1_r p{ text-indent:2rem}

.b2{ width:100%; margin:0 auto; font-size:14px;height:250px;border:0px; padding:30px;}
.b2 h1{ font-size:18px;}
.b2 img{ width:100%; height:250px }
.b2_l{ width:100%;height:200px;}
.b2_c{ width:100%;10px;float:left;}
.b2_r{ width:100%;overflow-y:scroll; height:200px;}
.b2_r p{ text-indent:2rem}

.bt{ width:100%; text-align:center;}
.bt h3{ font-size:30px;}

.b3{ width:100%; margin:0 auto; padding:10px;border: 0px; font-size:14px; height:180px;}
.b3 p{ width:100%; float:left;}
.b3 span{ color:#f60;}

.rcsj{ width:100%; margin:0 auto ; border:0px;}
.rcsj h1{ width:100%; height:30px; padding:10px; background:#CCC; color:#000}
.rcsj h1 span{ float:right}
.rcsj li{ width:100%;  float: left}
.rc_l{ width:100%; float:left;}
.rc_r{ width:100%; float:left; margin-top:30px; font-size:16px;}
.rcsj li img{ width:100%;height:300px; text-align:center}
.rc_r span{ color:#C00}

.kj{ width:100%; margin:0 auto; height:600px; font-size:14px; padding-top:30px; border:0px;}
.kj_l{width:100%; height: auto; float:left; margin:0 auto;}
.kj_r{width: 100%; height: auto; float:left; margin:0 auto;}

.ggt{ width:100%; margin:0 auto;}
.ggt img{ width:100%; height:100px;}

.zb{width:100%;height:auto;border: solid #03f 0px; margin:0 auto; text-align:center}
.z_l{ width:100%; height:400px; float:left; text-align:center}
.z_l h3{ margin-top:10px;margin-bottom:10px;  font-size:24px;}
.z_l img{ width:80%; height:240px}
.z_c{ width:100%; float:left;}
.z_r{ width:100%; float:right;}
.z_r p{ font-size:14px; font-weight:bold}
.z_e{ width:100%; float:left}

.ab{width:100%;height:auto;border: solid #03f 0px; margin: auto; text-align:center}
.ab p{ padding:10px;}


#show:hover img{display:block;}
#show img{position:absolute;z-index:999;top:190%;left:13%;width:200px;display:none; height:180px;}
}