.header{height: 676px; background-color: #ff9000;}


.row-01{background:#f6f6f6; }
.nav{height: 180px;  background:#fff; position: relative; z-index:1; top:-90px; margin-bottom: 35px; }

.row-01 .yun-nav{position: relative;}


.topshow{height: 300px;position: relative; top:-80px;}
.topshow .slide{width:508px; position: relative;}
.topshow .slide ul{width:508px;height: 300px;}
.topshow .slide ul li{width:508px;}
.topshow .news{width:420px;}
.topshow .tab-hd{margin-bottom: 16px;}
.topshow .tab-hd li{float:left; margin-right: 1%; cursor:pointer; background:#d5d5d5; color:#3a3a3a; height: 38px; line-height: 38px; font-size: 14px; text-align: center; width:49.5%;}
.topshow .tab-hd li.last{margin-right: 0px;}
.topshow .tab-hd li.active{background:#ff9000; color:#fff;}
.topshow .tab-content li{border-bottom:1px dashed #dddddd; height: 40px; line-height: 40px;}
.topshow .tab-content li a{color:#464646;} 

.topshow .pic{display: block;}
.topshow .intro{background:#d5d5d5; height: 53px; line-height: 53px; padding:0 10px; color:#464646; font-size: 14px;}
.topshow .pagination{position: absolute; right:10px; top:266px; z-index: 10;}
.topshow .pagination a{width:10px; height: 10px; border-radius: 50%; background:#ffffff; font-size: 0px; display: inline-block; margin:0px 3px;}
.topshow .pagination a.activeSlide{background:#ff9000;}

.row-02{padding:50px 0;}
.row-02 h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 30px;}
.row-02 .intro{text-indent: 24px; font-size: 14px; color: #595959; line-height: 26px; margin:15px 0;}

.row-02 dt{font-size: 18px; color:#ff9000; margin-bottom: 10px;}
.row-02 dd{font-size: 14px; color:#595959; margin-bottom: 35px;}

.row-02 .slick{width:565px; margin:0 auto; overflow: hidden; position: relative;}
.row-02 .slick ul{position: relative; left: 0px; width:99999px; }
.row-02 .slick ul li{width:565px; float:left; height: 328px;}
.row-02 .slick-container{position: relative; padding:50px;}
.row-02 .slick-container .button{width:73px; height: 139px; background:url(../images/phone_arrow.jpg) no-repeat; position: absolute;  top:50%; margin-top:-70px;}
.row-02 .slick-container .button-prev{background-position: -77px 0px; left:0px;}
.row-02 .slick-container .button-next{background-position: 0px 0px; right:0px;}

.row-02 .slick-container .progress{position: absolute; bottom:0px; width: 100%; left: 0px; height: 1px; font-size: 0px; background:#c4c4c4;}
.row-02 .slick-container .progress span{position: absolute; left: 0px; width:100px; height:100%; background:#ff9000; display: block;}


.row-03{background:#f6f6f6;padding:50px 0;}
.row-03 h2{ text-align: center; font-size: 40px; color: #333;}
.row-03 h3{font-size: 24px; text-align: center; color: #8b8b8b;}
.row-03 .intro{text-indent: 24px; font-size: 14px; color: #8b8b8b; line-height: 26px; margin:15px 0; text-align: center;}
.row-03 .desc{height:137px;}
.row-03 .desc ul{position: relative;}
.row-03 .desc li{position: absolute; width:100%; left: 0px;}
.row-03 .slide-box{position: relative;}
.row-03 .slide{width:500px; height: 400px; position: relative; margin:0 auto;}
.row-03 .slide ul{position: relative;height:400px;}
.row-03 .slide ul li{height:400px;}
.row-03 .button{width:76px; height: 139px; display: block; position: absolute; top:50%; margin-top:-70px; cursor: pointer; }
.row-03 .button-left{background:url(../images/row_03_06.jpg) no-repeat; left:85px;}
.row-03 .button-right{background:url(../images/row_03_09.jpg) no-repeat; right:85px;}
.row-03 .slide-control{height:1px; font-size: 0px; background:#ffffff; margin-top:50px; margin-bottom: 30px;}
.row-03 .slide-control a{width:11px; height: 11px; background:url(../images/control_03.jpg) no-repeat; display: block; float:left; margin:0 90px; position: relative; top:-4px; }
.row-03 .slide-control a.activeSlide{background:url(../images/control_06.jpg) no-repeat;}
.row-03 .slide-control a span{position: absolute; display: block; font-size: 14px; width:90px; color:#999; top:20px; left:-27px;}

.row-04{padding:50px 0;}
.row-04 h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 60px;}
.row-04 .row-left{width:420px; }

.row-04 .price{font-size: 30px; text-align: center; font-family: arial,'Microsoft yahei'; color:#ff9000; margin:15px 0;}

.row-04 .slide{position: relative; margin-bottom: 45px; height: 280px;}
.row-04 .slide ul{position: relative;}
.row-04 .control{text-align: center; font-size: 0px;}
.row-04 .control a{width:10px; height: 10px; background:#d5d5d5; border-radius: 50%; display: inline-block; margin:0px 2px;}
.row-04 .control a.activeSlide{background:#ff9000;}
.row-04 .yushou{width:142px; height: 46px; display: block; font-size: 16px;  line-height: 46px; background:#ff9000; color:#fff; text-align: center; margin:0 auto;} 
.row-04 h3{font-size: 24px; color:#ff9000; width:480px;}
.row-04 .intro{padding:40px 0; border-bottom: 1px solid #e9e9e9;}
.row-04 .intro li{background:url(../images/square_03.jpg) no-repeat left center; line-height: 30px; font-size: 14px;  padding-left: 10px;}


.row-05{background:#f6f6f6; padding:50px 0;}
.row-05 h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 20px;}
.row-05 li{overflow: hidden;}
.row-05 .pic{width:270px;}
.row-05 .info{width:670px;}
.row-05 li{padding:30px 0; border-bottom:1px solid #cccccc;}
.row-05 li.last{border-bottom:0px;}
.row-05 h3{font-size: 18px; margin-bottom: 20px;}
.row-05 h3 a{color:#5f5f5f;}
.row-05 .info p{color:#999; line-height: 25px;}



.more-show{ margin-top: -90px; position: relative;}
.more-show h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 20px;}
.more-show-title {text-align: center; color:#8b8b8b;}
.more-show-title h3{color:#8b8b8b; font-size: 24px;}
.more-show-title p{font-size: 16px;}

.more-show .slider-box{position: relative; height: 500px; margin-bottom: 20px;}
.more-show .slider{width:450px; height: 500px; margin:0 auto; margin-top:20px; position: relative; }
.more-show .slider ul{position: relative;  height: 500px; }
.more-show .slider ul li{height: 500px;}
.more-show .button{width:76px; height: 139px; display: block; position: absolute; top:50%; margin-top:-70px; cursor: pointer; }
.more-show .button-prev{background:url(../images/row_03_06.jpg) no-repeat; left:0px;}
.more-show .button-next{background:url(../images/row_03_09.jpg) no-repeat; right:0px;}

.more-show  .progress{position: relative; bottom:0px; width: 100%; left: 0px; height: 1px; font-size: 0px; background:#c4c4c4;}
.more-show  .progress span{position: absolute; left: 0px; width:100px; height:100%; background:#ff9000; display: block;}


.more-row-02{padding:50px 0;}
.more-row-02 h2{ text-align: center; font-size: 40px; color: #333; margin-bottom: 50px;}
.more-row-02 ul li{overflow: hidden; padding:40px 0; border-top:1px solid #e0e0e0; background-color: #fcfcfc; margin-bottom: 50px;}
.more-row-02 ul li:hover{border-color:#ff9000;}
.more-row-02 .pic{width:270px; height: 165px; }
.more-row-02 .info{width:620px; padding-right:35px;}
.more-row-02 .info h3 {border-bottom:1px dashed #dadada; padding-bottom: 10px; margin-bottom: 10px;}
.more-row-02 .info h3 a{font-size: 18px; color: #ff9000;}
.more-row-02 .info p{color:#999; line-height: 25px;}