﻿/* banner */
#flashBg { height:460px;; overflow:hidden; width:100%; clear:both; margin:0; padding:0; position:relative}
#flashLine {background:none;height:460px; width:100%; clear:both;}
#flash { width:980px; height:460px; overflow:hidden; margin:0 auto; clear:both; position:absolute; z-index:50;/*--*/}
#flash a {width:980px; height:460px; display:none;}
#flash img {width:980px; height:460px; float:left;/* display:none;*/}
.bannerout{width:980px; height:460px; margin:0 auto;}
.flash_bar { width:980px; z-index:9999; height:12px; position:absolute;bottom:0;}
.flash_bar2 {width:980px; z-index:69; height:44px; position:absolute; top:220px; cursor:pointer;}
.flash_bar .dq { display:inline; float:left; width:230px; height:12px; margin-right:10px; cursor:pointer;
background:#fff; }
.flash_bar .no { display:inline; float:left; width:230px; height:12px; margin-right:10px; /* background: url(../img/banner_qh_btn2.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(../image/banner_qh_btn.png) repeat-x; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../image/banner_qh_btn2.png ,sizingMethod="crop"); }
.left_bar{display:block; float:left; width:24px; height:42px; background: url(../image/banner_arrow_ico.png) no-repeat left top; cursor:pointer;}
.right_bar{display:block; float:right; width:24px; height:42px; background: url(../image/banner_arrow_ico.png) no-repeat left -42px; cursor:pointer;}

.index-fun{ margin-top:85px; margin-bottom:85px;}
.num-select h1{ padding-left:68px; padding-bottom:10px;}
.num-select p{ text-align:center; line-height:20px; width:80%;}
.num-select a{ background-color:#ff8201; margin-left:46px;}
.taocan-select h1{ padding-left:97px; padding-bottom:10px;}
.taocan-select p{ text-align:center; line-height:20px; }
.taocan-select a{ background-color:#fa3e34; margin-left:77px;}
.func-select h1{ padding-left:140px; padding-bottom:10px;}
.func-select p{ text-align:center; line-height:20px; width:125%; }
.func-select a{ background-color:#b72e9a; margin-left:118px;}
.index-fun h1,.index-fun p{ color:#6f7480; font-weight:normal;}
.index-fun h1{ color:#555555;}
.index-fun a{ display:block; width:166px; height:37px; border-radius:4px; text-align:center; line-height:37px; color:#FFF; font-size:18px; margin-top:20px;}

.index-choose{ width:100%; height:868px; background:url(../image/index-choose2.jpg) center no-repeat; background-size:cover;}
.index-choose p{ text-align:center; font-size:29px; color:#ff8201; margin-top:339px; line-height:38px;}
.btn-choose{ display: block; width:262px; height:69px; text-align:center; line-height:69px; color:#FFF; font-size:21px; margin-top:340px;/* margin-left:368px;*/ margin-left:auto; margin-right:auto; border:2px solid #FFF; border-radius:7px;}
.index-cases{position:absolute; width:697px; height:669px; left:50%; margin-left:-352px; top:61px; background:url(../image/index-cases.png) center no-repeat; /*animation:mymove 20s linear infinite;-webkit-animation:mymove 20s linear infinite;*/ /* Safari 和 Chrome */}

@keyframes mymove
{
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@-webkit-keyframes mymove 
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
