@charset "utf-8";
/* CSS Document */

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family:Arial, Helvetica, sans-serif;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
table { border-collapse:collapse; }
body { color:#666666 ;font:12px/20px Arial, Helvetica, sans-serif; background:url(../images/bg.png) repeat;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
a{color:#666666; text-decoration:none;}
a:hover{color:#ec0233; text-decoration:underline;}
.clear{ clear:both;}

.bg{ width:100%; background:url(../images/top_bg.png) repeat-x;}

.wrapper{ width:1000px; margin:0 auto;}

.key{ height:24px; line-height:24px; padding:5px 0 20px;}
.key p{ float:right;}
.key h1{ font-size:12px;}

.logo{ height:56px;}
.logo ul{ width:700px; float:right; margin-top:14px; background:url(../images/nav_bg.png) repeat-x;}
.logo ul li{ float:left; text-align:center; font-size:14px;}
.logo ul li a{ width:100px; display:block; height:42px; line-height:42px; color:#fff;}
.logo ul li a:hover{ background:url(../images/nav_hover.png) repeat-x; text-decoration:none;}
.logo img{ margin-left:1px; margin-top:-1px;}
.current{ background:url(../images/nav_hover.png) repeat-x;}

.pro-switch {height: 317px;overflow: hidden;position: relative;width:1000px;margin:33px 0;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 317px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:1000px;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}

.box{ width:325px; height:391px; background:url(../images/title_bg.png) repeat-x; float:left;}
.box h3{ height:36px; line-height:36px; font-size:18px; color:#fff; text-indent:15px;}
.box h3 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; margin-right:15px; color:#fff;}
.box div{ text-align:center; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background:#fff; height:354px;}
.box div img{ margin:12px auto 5px;}
.box div p{ width:287px; margin:0 auto; line-height:24px; text-align:left;}

.news{ margin:0 13px 0 12px;}
.news ul{ width:287px; margin:0 auto; padding-top:5px;}
.news li{ line-height:30px; border-bottom:dashed 1px #ddd; background:url(../images/icon.png) no-repeat 0 12px; text-indent:15px; text-align:left;}
.box div h4{ width:287px; margin:0 auto; font-size:14px; text-align:left; line-height:30px;}

.pro{ height:211px; border:solid 1px #ddd; background:#fff; margin-top:20px;}
.pro h3{ height:35px; font-size:16px; color:#333; text-indent:15px; line-height:35px; border-bottom:solid 1px #ddd;}
.pro h3 a{ float:right; margin-right:15px; font-size:12px;}
.pro li p{ line-height:30px;}

#pro{overflow:hidden; width:980px; margin:17px auto 0;} 
#pro li{ text-align:center;float:left; width:182px; margin-right:10px;font-size:12px;}
#pro img { width:182px; height:121px; border:solid 1px #ddd;}
#inpro{float: left;width: 800%; }
#pro1,#pro2{height:130px;float:left; display:inline-table;}

.foot{ width:100%; min-height:189px; background:url(../images/foot.png) repeat-x #55b4b3; margin-top:20px;color:#fff;}
.foot .link{ width:1000px; margin:0 auto; height:74px; padding-top:10px; line-height:24px;}
.foot h3{ font-size:16px; background:url(../images/link.png) no-repeat 0 3px; text-indent:22px; color:#fff;}
.foot a{ color:#fff;}
.foot p{ width:1000px; margin:15px auto 0; text-align:center; line-height:24px;}