@charset "gb2312";
/* CSS Document */

/*»ù±¾Ñùʽ------------------*/
*{padding:0px; margin:0px;}
body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
body{min-width:320px; max-width:640px; margin:0 auto;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;}
table{border-collapse:collapse;}
textarea{font-size:1em;line-height:1.5em;} 
a{outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur());}
a:link,a:active{color:#393939;text-decoration:none;}
a:visited{color:#222323;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.ccolor{color:#BB1600;}
a.red:link,a.red:visited,a.red:active{color:#cb0404; }
a.red:hover{color:#e60012; }
a.Purple:link,a.Purple:visited,a.Purple:active{color:#b03ca9; }
a.Purple:hover{color:#f00; }
img{border:0;}
em{ font-style:normal;}
i{ font-style:normal;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;}
p{word-break:break-all;text-justify:inter-ideograph;}
.hidden{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
.border{border:1px solid #e6e6e6;}
.lf{float:left;}
.rf{float:right;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.adv{margin:0.8em auto 0; text-align:center; }
.adv img{max-width:620px; min-width:310px; width:100%;}
.mt5{margin-top:5px;}
.bord{padding:0.5em 0 0.8em; background:url(../images/c_bg.jpg) repeat-x bottom;}
/*-------media------*/
@media only screen and (max-width:320px){
body{font:12px/1.5 Microsoft Yahei;}
.top menu a{width:61px; height:27px; display:inline-block; margin-left:3px; background:url(../images/t_menu1.jpg) no-repeat center; color:#fff; text-align:center; line-height:27px;}
}
@media screen and (min-width:321px) {
body{font:14px/1.5 Microsoft Yahei;}
.top menu a{width:61px; height:27px; display:inline-block; margin-left:3px; background:url(../images/t_menu1.jpg) no-repeat center; color:#fff; text-align:center; line-height:27px;}
}
@media (min-width:640px) and (max-width:998px) { 
body{font:16px/1.5 Microsoft Yahei;}
.top menu a{width:91px; height:27px; display:inline-block; margin-left:5px; background:url(../images/t_menu1.jpg); color:#fff; text-align:center; line-height:27px;}

}

.main{zoom:1; overflow:hidden; margin:0 auto; background:#f3f3f3;margin-bottom:20%;}
.logo{zoom:1; overflow:hidden;}
.logo h3 img{ vertical-align:bottom; width:100%;}
 /*nav style*/
.nav{zoom:1; overflow:hidden;  }
.nav ul li{ float:left; width:24.6%; margin:0.5% 0 0 0.5%; display:inline; background:#24a39d; text-align:center; padding:2% 0 2% 0; }
.nav ul li a{ color:#fff; font-size:135%;}
.nav ul li.nav_fl{ float:left;  margin-left:0;} 
/*ss style*/
.ss{zoom:1; overflow:hidden; margin-bottom:2%;}
.ss .ss_text{ width:71%; float:left; border:1px solid #dfdfdf; padding:2.5% 0;}
.ss a{ width:28%; float:right;}
.ss a img{ width:100%;}
.banner{zoom:1; overflow:hidden; margin:2% auto;}
.banner h3 img{ width:100%; vertical-align:bottom;}
.tip {background:url(../images/tg.jpg) no-repeat; background-size:100%; padding:4.2% 0; width:100%; position:relative; }
.tip .t_cont{ width:100%; float:right; line-height:150%; margin-top:-2%;}
.tip .t_cont span{ width:100%; /*border:1px solid blue;*/}
.xq { background:#FFF; zoom:1; overflow:hidden; border:1px solid #dedede; margin-top:2%;}
.xq h3{ width:96%;  margin:1% auto;}
.xq h3 img{ width:100%;}
.xq p{ text-indent:8%; padding:1% 3%; font-size:125%;}
.xq  p a{ color: #df0000;}
/*mod01 style*/
.mod01{ zoom:1; overflow:hidden; margin-top:2%;  background:#fff;border:1px solid #dedede; }
.bt{ background:url(../images/bt.jpg) no-repeat; background-size:100%;}
.bt h3{ padding:2% 0 3% 8%; font-size:145%; color:#109791; }
.mod01_li{background:#fff;}
.mod01_li ul li{ width:96%; margin:1.5% auto 0; border-bottom:1px solid #dadada; padding-bottom:1%; font-size:125%;}
.mod01_li ul li em{ width:3%;}
.mod01_li ul li i{ padding-left:2%;}
.mod01_li ul li em img{ width:3%;}
/*mod02 style*/
.mod02{ zoom:1; overflow:hidden; margin-top:2%;border:1px solid #dedede; background:#fff;}
.mj_k{ overflow:hidden;zoom:1; margin-bottom:10px;border-bottom:1px solid #dbd9d9; background:#fff;}
.mj_zuol{ float:left; width:25%; background:#5d9fd2; height:123px; overflow:hidden;}
.mj_zuol p{ text-align:center; font-size:20px; color:#fff; font-family:"΢ÈíÑźÚ";}
.mj_bg{ float:left; border:1px solid #dbd9d9; overflow:hidden; border-left:none}
.mj_bg tr td{ width:30%; overflow:hidden;border:1px solid #dbd9d9}
.mj_xk{  /*border:1px solid #dbd9d9;*/ position:relative; width:25%; text-align:center; line-height:30px; width:90%; margin:0 auto; font-size:16px; font-family:"΢ÈíÑźÚ"}
.mj_xk a{ color:#000; text-decoration:none;   }
#red{ color:#df0000;}
.mj_xk a em{ position:absolute; top:-1.5%; right:5%;/* width:1%;*/ /*border:1px solid blue;*/ width:20%; }
.mj_xk a em img{ width:100%;} 
/*mod03 style*/
.mod03{ zoom:1; overflow:hidden; margin-top:2%;border:1px solid #dedede; background:#fff; }
.mod03_li ul li{ width:96%; margin:2% auto; border-bottom:1px solid #dadada; padding-bottom:32%;}
.mod03_li ul li h3{ float:left; width:25%;}
.mod03_li ul li h3 img{ width:100%;}
.mod03_li ul li .li_fr{ float:right; width:70%;}
.mod03_li ul li .li_fr h4{ font-weight:normal; font-size:135%;}
.mod03_li ul li .li_fr p{ text-indent:8%; font-size:110%;}
.mod03_li ul li .li_fr p a{ color:#e20000;}
.mod03_li ul li .li_fr .mod03_a{ width:77%; margin:1% auto; }
.mod03_li ul li .li_fr .mod03_a .a01,.mod03_li ul li .li_fr .mod03_a .a02{ display:block; width:35%; padding:1.5%; text-align:center; color:#fff;}
.mod03_li ul li .li_fr .mod03_a .a01{ background:#f08200; float:left;}
.mod03_li ul li .li_fr .mod03_a .a02{ background:#24a39d; float:right;}
.zk_a{width:50%;  border:1px solid #24a39d; padding:2% 3% 2% 2%; background:#e9e9e9; margin:1% auto; font-size:110%; text-align:center;}
.zk_a a{ color:#24a39d;}
.zk_a .select{ width:8%; padding-top:1%; float:right; margin-right:5%;}
/*mod04 style*/
.mod04{zoom:1; overflow:hidden; background:#fff;border:1px solid #dedede; margin-top:2%;}
.reg h2{line-height:1.5em;text-align:center; background:url(../images/menu_bg.jpg) repeat-x center;font-size:150%; color:#109791; }
.reg h2 b{padding:0 2em; background:#fff;line-height:1.5em; display:inline-block;}
.reg p{padding:3%; width:90%; margin:0  auto; border:1px dashed #d7d7d7; background:#f6f6f6; font-size:125%; margin-top:2%;}
.reg p b{color:#d60000;}
.reg ul{padding:0.5em;}
.reg li{ height:2em; overflow:hidden; zoom:1; margin-top:0.5em; text-align:center;}
.reg li label{width:26%; float:left; text-align:right;}
.reg li span{width:72%; float:left; padding-left:2%; text-align:left; }
.reg li input,.reg li select{border:1px solid #e1e1e1; padding:0.2em 0.1em;  width:70%; vertical-align:middle;}
.reg li span em{ color:#da0000; padding-left:0.5em; font-style:normal;}
.reg li span img{max-height:27px; min-height:23px; vertical-align:middle;}
.reg li input.bt{width:30%; padding:0.5em; margin:0 auto; background:#15968b; border:0; color:#fff;}
.reg li input.yz{width:30%;}
/*tell style*/
.tell{ zoom:1; overflow:hidden;}
.tell a{ width:98%; margin:2% auto;}
.tell a img{ width:100%;}
.wz{zoom:1; overflow:hidden; padding:2% 1%; font-size:135%;}
.article_bt{zoom:1; overflow:hidden; background:#fff; border:1px solid #dedede; padding:10px; }
.article_bt h3{ text-align:center; color:#df0000; padding:2% 0; font-size:135%;}
.article_bt p{ text-align:8%; padding:0 3% 2% 3%; font-size:120%; text-indent:2em;}
/*article_Li style*/
.article_Li{zoom:1; overflow:hidden; background:#fff; margin-top:3%;border:1px solid #dedede;}
.article_Li h3{ background:url(../images/bt02.jpg) no-repeat 0 40%;background-size:100%; width:96%; margin:2% auto 0; text-align:center; font-size:145%; color:#109791;  }
.ar_li{ margin:2% auto; zoom:1; overflow:hidden; position:relative;}
.dw{ position:absolute; width:23%; background:#5dcd87; color:#fff; padding:4% 0 8% 0;font-size:135%; text-align:center; right:1%; top:2%; }
.ar_li ul li{ float:left; padding:2%; margin:0.5% 0 0 0.5%; text-align:center;}
.ar_li ul li a{ color:#fff; font-size:135%;}
.ar_li ul li.li01{ width:36%; background:#5d9fd2; margin-left:2%;}
.ar_li ul li.li02{ width:29%; background:#3ebbb5;  }
.ar_li ul li.li03{ width:29%; background:#3ebbb5; margin-left:2%; }
.ar_li ul li.li04{ width:36%; background:#5d9fd2;}
/*bd style*/
.bd{zoom:1; overflow:hidden;border:1px solid #dedede; margin-top:2%; background:#fff;}
.bd_bj{ background:url(../images/tell_bj.jpg) repeat-x;}
.bd_bj h3{ text-align:center; padding-top:2%; color:#df0000; font-weight:normal; font-size:135%;}
.bd_bj p{  text-align:center;}
/*.bd_bj p em{ width:7%;padding-top:3%; }
.bd_bj p em img{ width:7%; }
*/.bd_bj p i{ font-size:160%; font-weight:bold; color:#06938d; padding-left:10%; background:url(../images/icon.jpg) no-repeat; background-size:14%;   }
.bd_bj p a{ width:30%;  display:block; float:right;}
 .bd_bj p a img{ width:100%;} 
/*.bd h3 img{ width:100%;} */
.bd  p{ padding:2%; font-size:135%;}
/*more style*/
.more{zoom:1; overflow:hidden; background:#fff;border:1px solid #dedede;}
.more h3{ background:url(../images/bt03.jpg) no-repeat 0 40%;background-size:100%; width:96%; margin:2% auto 0; text-align:center; font-size:145%; color:#109791;  }
.more ul li{ width:22%; text-align:center; float:left; margin:2% 0 2% 2.2%; }
.more ul li a{ display:block;padding:65% 0 5% 0; color:#fff; font-size:135%;}
.more ul li .more01{ background:url(../images/list01.jpg) no-repeat; background-size:100%;}
.more ul li .more02{ background:url(../images/list02.jpg) no-repeat; background-size:100%;}
.more ul li .more03{ background:url(../images/list03.jpg) no-repeat; background-size:100%;}
.more ul li .more04{ background:url(../images/list04.jpg) no-repeat; background-size:100%;}
/*list style*/
.lm_list{zoom:1; overflow:hidden; background:#fff;border:1px solid #dedede; } 
.lm_list table{width:94%; margin:1em auto 2%; border-collapse:collapse; }
.lm_list tr{ padding:10px;}
.lm_list th{width:18%;}
.lm_list th img{width:100%; }
.lm_list th a{ background: url(../images/menu_ico.png) no-repeat;display:block;padding:3em 0 0.5em; background-size:4em; font-size:120%; color:#fff; font-weight:normal;text-align:center;}
.lm_list th.bg1{ background:#3ebbb5 url(../images/li01.jpg) no-repeat; background-size:100%;  }
.lm_list th.bg1 a{ background-position:center 1em; }
.lm_list th.bg2{ background:#3ebbb5 url(../images/li02.jpg) no-repeat; background-size:100%;  }
.lm_list th.bg2 a{ background-position:center -7em; }
.lm_list th.bg3{ background:#3ebbb5 url(../images/li03.jpg) no-repeat; background-size:100%; }
.lm_list th.bg3 a{ background-position:center -15.5em; }
.lm_list th.bg4{ background:#3ebbb5 url(../images/li04.jpg) no-repeat; background-size:100%; }
.lm_list th.bg4 a{ background-position:center -24em; }
.lm_list th.bg5{ background:#3ebbb5 url(../images/li05.jpg) no-repeat; background-size:100%; }
.lm_list th.bg5 a{ background-position:center -32em; }
.lm_list td{border:1px solid #c7c7c7; border-left:0; padding:2%; color:#797979; position:relative;}
.lm_list td h3{height:160%; line-height:100%; font-size:120%; color:#393939; font-weight:normal;}
.lm_list td p{line-height:160%; padding-top:2%;}
.lm_list td span{ height:1em; line-height:120%; color:#fff; text-align:center; position:absolute; bottom:0; right:0; background:#22a69b; padding:0.3em;}

/*case style*/
.case{zoom:1; overflow:hidden;border:1px solid #dedede; background:#fff;}
.case ul li{width:96%; margin:1.5% auto 0; border-bottom:1px solid #dadada; padding-bottom:30%;font-size:125%;} 
.case ul li h3{ width:45%; float:left;}
.case ul li h3 img{ width:100%;}
.case ul li p{ width:50%; float:right;}
.case ul li p em{ border-bottom:1px dashed #b9b9b9;}
.case ul li p a{ display:block; color:#fff; background:#24a39d; width:62%; padding:2% 0; text-align:center; font-size:90%; margin:2% 0 0 3%;}

.fy { background:#fff;   zoom:1; overflow:hidden; margin-bottom:3%;border:1px solid #dedede; border-top:none;} 
.fy ul {width:70%;margin:2% auto 2%;zoom:1; overflow:hidden; }
.fy ul li{ float:left; width:18%; text-align:center; margin-left:2%;  }
.fy ul li a{ display:block; border:1px solid #fff;}
.fy ul li .a_hover:hover{ color:#24a39d; background:#f1f1f1; border:1px solid #d7d7d7;}
 

.person{zoom:1; overflow:hidden;border:1px solid #dedede; background:#fff;}
.person ul li{width:96%; margin:1.5% auto 0; border-bottom:1px solid #dadada; padding-bottom:10%;font-size:125%;} 
.person ul li h3{ width:34%; float:left;}
.person ul li h3 img{ width:100%;}
.person ul li .per_fr{ width:60%; float:right;}
.person ul li .per_fr h4{ font-weight:normal; font-size:125%;}
.person ul li p { color:#24a39d; border-top:1px dashed #b9b9b9; padding-bottom:2%;}
.person ul li p em{ color:#cd0000;}
.person ul li p a{ color:red;}
.person ul li p .bs{ color:#818181;}
.person ul li .per_a{ width:63%; margin:1% auto;}
.person ul li .per_a .a_01,.person ul li .per_a .a_02{ width:40%; padding:2% 0; text-align:center; display:block; color:#fff;}
.person ul li .per_a .a_01{ float:left; background:#f08200;}
.person ul li .per_a .a_02{ float:right; background:#24a39d;}







/*foot style*/
.foot{zoom:1; overflow:hidden}
.foot h3{ text-align:center; font-size:180%; color:#ce0000;}
.foot p{ width:65%; margin:2% auto; font-size:120%;}

/*pf style*/
footer{ overflow:hidden; background:#e1e1e1; position:fixed; left:0; bottom:0; background:url(../images/pf_bj.jpg) repeat-x; /*padding:.5% 0;*/ width:100%; z-index:100000; }
footer ul{max-width:640px; margin:0 auto; overflow:hidden}
footer li{ float:left; width:25%; background:url(../images/foot_side.jpg) no-repeat right; background-size:1% 100%; text-align:center; font-size:120%; padding-top:2%; padding-bottom:2%;}
footer li a{ color:#393939; background:url(../images/foot_line-02.jpg) no-repeat; display:block;}
footer li a img{ width:40%;  }
footer li p{/* margin-top:3%*/ line-height:100%;}
footer li.a{/* margin-top:.5%;*/width:25%;}


.mokan{ background:#f3f3f3; padding:2%;}
.mokan img{ width:100%;}
.mokan .row{width:100%}
.mokan .col-xs-5{ float:left; width:44%;}
.mokan .col-xs-7{ float:right; width:53%;}
.mokan .col-xs-7,.mokan .col-xs-5{ padding-left:0; padding-right:0;}
.mokan .col-xs-7 p{ vertical-align:middle; margin:0;   }
@media screen and (max-width:400px){
.mokan .col-xs-7 p{ font-size:12px;line-height:15px;}}
@media screen and (min-width:480px){
.mokan .col-xs-7 p{ margin-top:4px;}}
.mgover{ margin-left:0; padding:0;}
.mokan .des{ color:#393939; text-indent:2em; margin-top:10px;}
.mokan .des a{ color:#df0000;}
.text-center{ text-align:center; color:#0a9891; padding-top:2%; font-size:125%;}



 













@media screen and (max-width:320px){.person ul li p{ font-size:90%;}}
@media screen and (max-width:320px){.case ul li p a{font-size:80%}}
@media screen and (max-width:320px){.article_Li h3{font-size:130%}}
@media screen and (max-width:320px){.ar_li ul li a{font-size:100%}}
@media screen and (max-width:320px){.more h3{font-size:120%}}
@media screen and (max-width:320px){.foot p{font-size:100%}}
@media screen and (max-width:320px){.mod03_li ul li .li_fr p{font-size:90%}}
@media screen and (max-width:320px){.add_lj{font-size:90%}}
@media screen and (max-width:320px){.add_cont ul li{font-size:100%}}
@media screen and (max-width:320px){body,input,select{font-size:10px}}
@media screen and (min-width:320px){body,input,select{font-size:11.25px}}
@media screen and (min-width:400px){body,input,select{font-size:12.5px}}
@media screen and (min-width:480px){body,input,select{font-size:13.75px}}
@media screen and (min-width:560px){body,input,select{font-size:15px}}
@media screen and (min-width:600px){body,input,select{font-size:16.25px}}
@media screen and (min-width:640px){body,input,select{font-size:18px}}