﻿
*{padding:0; margin:0;}


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}

.flower{ position: relative; width: 100%; height: 100%; overflow: hidden; margin:0 auto;}
.flower .model{width: auto; height:100%; position: absolute; left:0; right:0; top: 0; max-width:1200px; margin:0 auto;}
.flower .page_content{ width: auto; height:99%; background:url(../images/1png.png) repeat; max-width:352px; margin:0 auto; float:right; padding:0 34px;}
.flower .page_content .title_mas{ font-size:40px; font-weight:bold; -webkit-text-stroke:1px #000; color:#fff; padding-top:34px;}
.flower .page_content .title{  font-size:16px; line-height:24px; font-weight:normal; padding:10px 0; margin:15px 0; border-top:1px #ddd solid; -webkit-text-stroke:0.2px #000;}
.flower .page_content .title a{color:#fff;}
.flower .mas_content{ font-size: 14px; line-height: 32px; }
.flower .where{ line-height: 36px; font-size: 12px;}
.flower .date{ line-height: 36px;  display: inline-block;} 
.flower .btn_L{}
.flower img{display:block; width:100%; height:auto;}
.flower ol{ position: absolute; left: 50%; bottom: 4%; -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
     -o-transform: translate(-50%,0);
        transform: translate(-50%,0); z-index: 5;}
.flower ol li{ height: 6px; width: 6px; border-radius: 3px; float: left; background-color: #fff; -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
     -o-transition: all 2s ease;
        transition: all 2s ease; cursor: pointer;}
.flower b{ width: 38px; height: 84px;position: absolute;top: 50%;-webkit-transform: translate(0,-50%);
   -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
     -o-transform: translate(0,-50%);
        transform: translate(0,-50%);background: url(../images/banner_buttonl.png) 0 0 no-repeat; z-index: 10; cursor: pointer;}
.flower .banner_l{ left: -38px;}
.flower .banner_r{ right: -38px; background-image: url(../images/banner_buttonr.png);}
.flower ol li.current{ width: 18px; background-color: #6ea073;}
.flower ol li:not(:first-child){ margin-left: 6px;}
.flower ul{ width: 500%; position: relative;} 
.flower .flower_pic .flower_li{ float: left; width: 10%; position: relative;}
.flexslider{display:none;}

@media screen and (max-width: 640px) {
.flower{ display:none;}
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:50px auto 0;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.flex-control-nav{position:absolute;bottom:2px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0px 2px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:30px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
}





