@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:#fff; border:none; text-align:center;-webkit-text-size-adjust: none;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #535353; }
a:hover{ text-decoration:none; color:#535353;}
a:active{ text-decoration: none; color: #535353; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

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

.pro{ width:80%; margin:0px auto; padding:0px 10%; margin-top:30px;}
.pro h2{ width:100%; background:#EEEEEE; padding:10px 0px; font-size:22px; margin:0px auto; margin-bottom:20px;}
.pro li{ margin-bottom:20px;}
.pro li a{ color:#FFFFFF;}
.pro img{ width:100%;}
.pro span{ display:block; width:100%; background:#1C84F8; color:#FFFFFF; padding:15px 0px;}


.foot{ width:90%; text-align:center; margin:0px auto; padding:5% 5%; background:#EEEEEE; margin-top:30px; padding-bottom:100px;}
.foot ul{ width:100%; margin:0px auto;}
.foot ul img{ width:100%;}
.foot ul h2{ margin-top:30px; font-size:20px; text-align:left; margin-bottom:10px;}
.foot ul p{ line-height:170%; text-align:left;}



.dibu{ width:100%; height:60px; position:fixed; bottom:0px; background:#efefef;}
.dibu ul li{ float:left; width:25%; height:45px; font-size:20px; padding-top:15px;}
.dibu ul li:hover{ background:#1C84F8; color:#FFFFFF;}
.dibu ul li:hover a{ color:#FFFFFF;}
.dibu ul li.li{ background:#1C84F8; color:#FFFFFF;}
.dibu ul li.li a{ color:#FFFFFF;}

.abo_top{ width:100%; margin-bottom:30px;}
.abo_top h2{ padding-bottom:15px; font-size:20px; text-align:left;}
.abo_bot{ width:90%; margin:0px auto; padding:0px 5%; margin-top:30px;}
.abo_bot img{ width:100%;}
.abo_bot p{ width:90%; background:#EEEEEE; padding:5%; text-align:left; line-height:180%;}

.about{ width:90%; padding:0px 5%; margin-top:20px;}


.toogle_wrap{border:1px #1C84F8 solid; width:84%; margin:4% 5%; padding:3% 3%;}
.trigger{padding:0px;margin:0; background:url(../images/toggle.gif) no-repeat right; background-position:100% -28px; border-bottom:1px solid #1C84F8; padding-bottom:10px; text-align:left;}
.trigger a{color: #1C84F8;text-decoration: none;display: block; padding:2px 0 2px 0;font-size:20px;font-family:Open Sans;font-weight:bold; }
.active {background-position:100% 6px; }
.trigger a:hover, .trigger a:hover:focus{color:#1C84F8;}
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}
ul.lists{ padding:0 0 15px 0; text-align:left;}
ul.lists li{ border-bottom:1px #ddd solid; padding:12px; background:url(../images/bullet.gif) no-repeat 98%; font-size:20px; font-family:"微软雅黑"; color:#747474;}
ul.lists li a{ color:#747474;}


.ca_bot{ width:100%;}
.ca_bot ul li{ float:left; width:47%; border:1px solid #EEEEEE; margin-left:1%; margin-right:1%; overflow:hidden; margin-bottom:30px;}
.ca_bot ul li img{ width:100%;}
.ca_bot ul li span{ width:100%; height:38px; display:block; background:#eeeeee; color:#666666; font-size:14px; padding-top:10px; cursor:pointer; position:relative; z-index:122;}
.ca_bot ul li span:hover{ background:#1C84F8; color:#FFFFFF;}
.ca_bot ul li a{ color:#666666;}
.ca_bot ul li a:hover{ text-decoration:none;color:#FFFFFF;}

.abo_bot{ width:90%; text-align:left;}
.abo_bot ul li{ line-height:250%;}
.abo_bot ul li img{ width:100%;}

.l_right{ width:100%; padding-top:50px;}
.l_right ul li{ width:100%; margin-bottom:10px;}
.l_right ul li input{ width:80%; height:40px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999;}
.l_right ul li textarea{ width:80%; height:100px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999; padding-top:5px;}
.l_right ul li input.input{ width:120px; height:40px; border:none; background:#C30D23; color:#FFFFFF; float:left;}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; margin-top:20px;}
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #E60011; color:#FFFFFF; background-color: #E60011; }

.page .page-news-list li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 32px; height: 32px; background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }