@charset "utf-8";
body, div, span, a, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, th, td, pre, form, fieldset, legend, input, button, textarea, select {margin:0;padding:0;}
html,body{width:100%;min-width:1200px;font-size:16px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";background-color:#ffffff;}
ul,li{list-style:none;}
li{list-style-type:none;}
img {border:0;vertical-align:bottom;}
select{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";outline:none;border:none;background:none;resize:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;}
input,button,textarea{font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";outline:none;border:none;background:none;resize:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;appearance: none; -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;}
input[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;-ms-appearance:radio;}
input[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;-ms-appearance:checkbox;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;-moz-tap-highlight-color:rgba(0,0,0,0);-moz-user-modify:read-write-plaintext-only;-ms-tap-highlight-color:rgba(0,0,0,0);-ms-user-modify:read-write-plaintext-only;}
a{cursor:pointer;}
a,a:focus,input,input:focus{text-decoration:none;border:none;outline:none;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-focus-ring-color: rgba(0, 0, 0, 0);}
i,h1,h2,h3,h4,h5{font-style:normal;font-weight:normal;font-size:1em;}





/*手风琴图片切换效果2-str*/
.accordion{margin:0px auto;margin-bottom:20px;position:relative;}
.accordion ul li{border-left:1px solid #fff;position:relative;overflow:hidden;float:left;}
.accordion ul li img{display:block;}
.accordion ul li .imgTop img{opacity:0.4;}
.accordion ul li .imgTop img.tm{opacity:1;}
.accordion ul li .imgCon{}
.accordion ul li .imgCen{height:56px;background:rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F000000',endColorstr='#7F000000');color:#fff;position:absolute;left:0px;bottom:274px;text-indent:14px;}
.accordion ul li .imgCen h1{font-size:18px;color:#fff;line-height:30px;}
.accordion ul li .imgCen p{font-size:12px;color:#fff;line-height:18px;}
.accordion ul li .imgCen .h1{line-height:56px;}
.accordion ul li.on{}
.accordion ul li.on .imgCen{-webkit-transition:height 0.5s;-moz-transition:height 0.5s;-ms-transition:height 0.5s;-o-transition:height 0.5s;transition:height 0.5s;}
.accordion ul li.on .imgCen{height:55px;bottom:0;text-indent:34px;}
.accordion ul li.on .imgCen h1{font-size:30px;line-height:60px;}
.accordion ul li.fast{position:absolute;right:0px;bottom:0px;}

.accordion{width:500px;}
.accordion,
.accordion ul li,
.accordion ul li img,
.accordion ul li .imgCon{height:400px;}

/*4个-str*/
/*.accordion ul li{width:87px;}
.accordion ul li.on,
.accordion ul li img,
.accordion ul li .imgCon,
.accordion ul li .imgCen{width:735px;}*/

/*5个-str*/
.accordion ul li{width:50px;}
.accordion ul li.on,
.accordion ul li img,
.accordion ul li .imgCon,
.accordion ul li .imgCen{width:300px;}

/*6个-str*/
/*.accordion ul li{width:87px;}
.accordion ul li.on,
.accordion ul li img,
.accordion ul li .imgCon,
.accordion ul li .imgCen{width:560px;}*/

/*7个-str*/
/*.accordion ul li{width:87px;}
.accordion ul li.on,
.accordion ul li img,
.accordion ul li .imgCon,
.accordion ul li .imgCen{width:471px;}*/

/*手风琴图片切换效果2-end*/