@charset "gb2312";

/* CSS Document */

body{ font-size:12px; font-family:HiraginoSansGB W3;margin:0;padding:0;color:#323232; -webkit-tap-highlight-color: transparent;}
/*CSS ¼æÈÝÊÖ»úä¯ÀÀÆ÷ ½â¾öµã»÷³öÏÖÀ¶É«±ß¿ò *{-webkit-tap-highlight-color: transparent; -webkit-appearance: none;}*/

div,img,h3,h4,p,dd,dl,dt,em,article,aside,nav,section,header,footer{margin: 0; padding: 0; border: 0;}

h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}

h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}

p{margin:0 auto}

ul{list-style:none;margin:0;padding:0}

form{margin:0}

#left{float:left}

#right{ float:right;}

a{text-decoration:none; color:#323232; font-style:normal;}

a:hover{text-decoration:underline;}

.clearfloat{clear:both;}

em,i{ font-style:normal;}


a{ outline:none; text-decoration:none; color:#FFF}
.con01{ width:100%; overflow:hidden; }

.con01 dl{ width:100%; overflow:hidden; margin:0 auto 4%; margin-top:20px;}

.con01 dl dt{ width:40%; float:left; padding:1% 0 0;}

.con01 dl dt img{ float:right;}

.con01 dl dd{ width:58%; float:right;}

.con01 dl dd p{ font-size:40px; font-weight:bold; font-family:Microsoft YaHei;}

.con01 dl dd span{ font-size:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding-left:5px;}

.con01 ul{ width:98%; margin:0 auto; overflow:hidden;}

.con01 ul li{ width:24%; height:48px; line-height:46px; background:#e5e5e5; font-size:20px; text-align:center; float:left; margin:0 1px 2px; display:inline-block; color:#717171;}

.con01 ul .djzx img{ width:100%; height:100%;}

.con01 ul .hj_a a{ font-weight:bold; color:#6bc18b;} 

/*.color02 ul .djzx a{ color:#fff; background:url(../img/new_sj30.jpg) no-repeat right center; padding:0 20px 0 0;}

.color03 ul .djzx{ background:#e87bcb;}

.color03 ul .djzx a{ color:#fff; background:url(../img/new_sj31.jpg) no-repeat right center; padding:0 20px 0 0;}

.color04 ul .djzx{ background:#f89f5f;}

.color04 ul .djzx a{ color:#fff; background:url(../img/new_sj32.jpg) no-repeat right center; padding:0 20px 0 0;}*/







.con01 ul li a{color:#4e4e4e; font-family:"Î¢ÈíÑÅºÚ";}
.con01 ul .zix a { color:#FFF; font-size:22px;}
.con01 ul .zix { background:#6ca6e7;}
.color01 dl dd{ color:#6498d3;}

.color02 dl dd{ color:#f9a66a;}

.color03 dl dd{ color:#1ec7dc;}

.color04 dl dd{ color:#78cc97;}
.color05 dl dd{ color:#59d1e9;}
.color06 dl dd{ color:#4fa0d7;}

.con2{ width:100%; overflow:hidden; margin:0 auto 5%;}

.con2_1{ width:100%; overflow:hidden; background:url(../img/new_sj33.jpg) no-repeat center top; background-size:cover; padding-bottom:4.8%;}

.con2_1 dl{ width:100%; overflow:hidden; padding:5% 0 0;}

.con2_1 dl dt{ width:25%; float:left; padding:2% 0 0;}

.con2_1 dl dt img{ width:50%; float:right;}

.con2_1 dl dd{ width:73%; float:right;}

.con2_1 dl dd p{ font-size:40px; color:#bb1c58; margin-bottom:2px; font-weight:bold;}

.con2_1 dl dd span{ color:#404040; font-size:30px;}

.con2_2{ width:100%; overflow:hidden; text-align:center;}

.con2_2 img{ width:100%;}

.con2_3{ width:100%; overflow:hidden; background:url(../img/new_sj44.jpg) no-repeat center top; background-size:cover; padding-bottom:8%;}

.con2_3 ul li{ width:48%; float:left;}

.con2_3 ul li a{ width:60%; height:60px; display:block; line-height:60px; text-align:center; border-radius:10px; font-size:18px; color:#fff;}

.con2_3 ul .w_li01 a span{ background:url(../img/new_sj45.jpg) no-repeat right center;}

.con2_3 ul li a span{ padding-right:30px;}

.con2_3 ul .w_li01 a{ background:#bb1c58; float:right;}

.con2_3 ul .w_li02{ float:right;}

.con2_3 ul .w_li02 a{ background:#ff5a00;}

.con2_3 ul .w_li02 a span{ background:url(../img/new_sj46.jpg) no-repeat right center;}

.con03{ width:100%; overflow:hidden;}

.con03 dl{ width:100%; overflow:hidden; margin-bottom:5%;}

.con03 dl dt img{ margin:0 auto;}

.con04{ width:98%; margin:0 auto 5%; overflow:hidden;}

/*.con04 ul li{ width:33%; float:left; overflow:hidden;}
*/
.con04 ul li img{ margin:0 auto;/* height:168px;*/}

.con04 ul .ww_li01{/* width:29%;*/}

.con04 ul .ww_li02{/* width:32%;*/}

.con04 ul .ww_li03{/* width:38%;*/ margin-right:0px;}



.con01 ul .w_cor01{ color:#6bc18b;}

.con01 ul .w_cor02{ color:#71d9ec;}

.con01 ul .w_cor03{ color:#e87bcb;}

.con01 ul .w_cor04{ color:#f89f5f;}









@media ( min-width: 320px ) {

.con01 dl dd p{ font-size:30px; line-height:28px;}

.con01 dl dd{ padding:3% 0 0;}

.con01 ul li{ width:24.3%; height:25px; line-height:25px; font-size:14px;}

.con2_1 dl dd p{ font-size:25px; line-height:20px;}

.con2_1 dl dd span{ font-size:14px;}

.con2_1 dl dd{ padding:5% 0 0;}

/*.con04 ul li{ width:33%;}*/

.con2_3 ul li a{ width:94%; font-size:14px;}

.con2_3 ul li a span{ padding-right:25px;}

.con2_3 ul li a{ font-size:16px; height:50px; line-height:50px;}

.con04 ul li p{ font-size:12px;}

/*.con04 ul .ww_li01{ width:28.7%;}*/

.con2_3 ul .w_li01 a span{background-size:contain;}

.con2_3 ul .w_li02 a span{background-size:contain;}

.con04 ul li img{ width:100%;/* height:100px;*/}

.con01 dl dt img{ width:40%;}

.con2_1 dl dt{ padding-top:4%;}

.con03 dl dt img{ width:60%;}

.con04 ul li img{ width:98%;}

}



@media ( min-width: 375px ) {

/*.con04 ul .ww_li01{ width:28.8%;}*/

.con01 dl dd{ padding:4% 0 0;}

.con2_1 dl dd{ padding-top:6%;}

}



@media ( min-width: 414px ) {

/*.con04 ul .ww_li01{ width:29%;}*/

.con2_1 dl dd{ padding-top:7%;}

.con2_1 dl dt{ width:30%;}

.con2_1 dl dd{ width:68%;}

}



@media ( min-width: 640px ) {

.con01 dl dd p{ font-size:40px; line-height:normal;}

.con01 dl dd{ padding:0;}

.con01 ul li{height:46px; line-height:46px; font-size:18px; font-size:"Î¢ÈíÑÅºÚ"; color:#000;}

.con2_1 dl dd{ padding:0;}

.con2_1 dl dd p{ font-size:40px; line-height:normal;}

.con2_1 dl dd span{ font-size:30px;}

.con2_1 dl dd p{ margin-bottom:0px;}

.con2_3 ul li a{ width:60%;}

.con2_3 ul li a span{ padding-right:30px;}

.con2_3 ul li a{ font-size:18px; height:60px; line-height:60px;}

.con2_3 ul .w_li01 a span{background-size:auto;}

.con2_3 ul .w_li02 a span{background-size:auto;}

.con04 ul li img{ width:100%;/* height:168px;*/}

.con01 dl dt img{ width:auto;}

.con2_1 dl dt{ padding-top:2%;}

.con03 dl dt img{ width:auto;}

.con04 ul li img{ width:98%;}



}

@media ( min-width: 600px ) {

.con2_1 dl dt{ width:35%;}

.con2_1 dl dt img{ width:20%;}

.con2_1 dl dd{ width:60%; padding-top:5%;}

}



@media ( min-width: 700px ) {

.con2_1 dl dt{ width:28%;}

.con2_1 dl dt img{ width:40%;}

.con2_1 dl dd{ width:70%; padding-top:2%;}

}



@media ( min-width: 900px ) {

.con2_1 dl dd{ padding-top:0%;}

}

@media ( min-width: 1200px ) {

.con2_1 dl dt{ width:25%;}

.con2_1 dl dd{ width:73%;}

.con2_1 dl dd{ padding-top:0;}

}




/*ÊÓÆµ*/

.w5{ width:100%; margin:0px auto;}
.w5 .w5_nr{ width:100%; position: relative;}
.w5 .w5_nr .bd{ position: absolute; width: 418px;}
.w5 .w5_nr .bd ul li{ width:88.75%; margin:0 auto; border:24px solid #333333;}
.w5 .w5_nr .hd{ height:35px; width:96%; position: absolute; margin-left:2%; top:180px;}
.w5 .w5_nr .hd ul{display: none;}
.w5 .w5_nr .hd .prev{ width:18px; height:34px; background: url(templets/default/images/left01.png) no-repeat;  float: left; }
.w5 .w5_nr .hd .next{ width:18px; height:34px; background:url(/templets/default/images/right01.png) no-repeat; float: right; }


/*ÄÚÈÝ*/

.nei_r { width:100%; height:auto; margin:0 auto; margin-top:10px; }
.nei_r li { width:100%; height:30%; background-color:#e5e5e5; margin-bottom:10px; text-align:center; line-height:50px; vertical-align: middle;}
.nei_r li a:hover { font-size:18px; font-family:"Î¢ÈíÑÅºÚ"; color:#FFF; }
.nei_r li a { color:#4e4e4e; font-size:16px; font-family:"Î¢ÈíÑÅºÚ";  text-decoration:none; }
.nei_r li:hover {background-color:#fab17d; color:#FFF; font-size:20px; }
.nei_r .lui {background-color:#fab17d;}
.nei_r .lui a { color:#FFF;}
.anli { width:100%; height:100%; margin:0 auto;}
.xin { width:96%; border-bottom:3px solid #def6fb; margin:0 auto;}




/*×¨¼Ò*/

.w5_1{ width:100%; margin:20px auto;}
.w5_1 .w5_nr{ width:100%; position: relative;}
.w5_1 .w5_nr .bd{ position: absolute; width: 418px;}
.w5_1 .w5_nr .bd ul li{ width:88.75%; margin:0 auto;}
.w5_1 .w5_nr .hd{ height:35px; width:96%; position: absolute; margin-left:2%; top:56px;}
.w5_1 .w5_nr .hd ul{display: none;}
.w5_1 .w5_nr .hd .prev{ width:18px; height:34px; background: url(../images/left01.jpg) no-repeat;  float: left; }
.w5_1 .w5_nr .hd .next{ width:18px; height:34px; background:url(../images/right01.jpg) no-repeat; float: right; }
.foot { width:100%; height:300px; text-align:center;}
.ditu { width:100%; margin:0 auto;  padding-top:20px; text-align:center;}
.ditu img { width:98%; height:auto; margin:0 auto;}
.shijian { width:100%; margin:0 auto;}




/*µ×²¿*/


.dbrk { width:100%; bottom:0; margin:0 auto; background-color:#999; position: fixed;}
.dbrk ul li { width:50%; float:left;  height:76px;}
.dbrk ul li i {line-height: 3em; font-style:normal; display: inline-block; font-size: 1.4rem; font-family:"Î¢ÈíÑÅºÚ";}
.bGys1{ background:#4fa0d7;}
.bGys2{ background:#ef6f07;}
.dbrk ul li a{ width:50%; margin:0 auto; color:#FFF; text-align:center; display:block; }
.bGys1 i { background: url(../img/zi.png) left   no-repeat; margin-left:-20px; margin-top:6px;}
.bGys2 i { background: url(../img/zil.png) left  no-repeat;   margin-left:-20px; margin-top:6px; }
.dbrk ul li i span { padding-left:80px;}


/*.dbrk ul{ width:100%;position:fixed; bottom:0; z-index:100; margin:0 auto;}
.dbrk ul li{ width:20.2%; float:left; text-align:center; height:75px;}
.dbrk ul li a{ width:50%; margin:0 auto; color:#FFF; text-align:center; display:block; }
.dbrk ul li i{  line-height: 3em; font-style:normal; display: inline-block; font-size: 1.4rem; font-family:"Î¢ÈíÑÅºÚ"; }
.dbrk ul li i span { padding-left:70px;}
.bGys1{ background:#4fa0d7;}
.bGys2{ background:#ef6f07;}
.bGys1 i { background: url(../img/zi.jpg) left  no-repeat; margin-left:-70px; }
.bGys2 i { background: url(../img/zi_l.jpg) left  no-repeat;   margin-left:-70px; }
@media screen and (max-width:480px){.dbrk{zoom: .75;}}
@media screen and (min-width:400px){.dbrk ul li i{font-size: 1.6rem;}}
*/
