#main{}

.main-pic{ padding:50px 0; background:#e3e6eb;}
.main-pic .main-pic-left{ width:260px;}
.main-pic .main-pic-left h4{ height:89px; background:url(../image/pic-left-h.jpg) no-repeat;}
.main-pic .main-pic-left .main-pic-leftMenu{ padding:0 5px; background:#fff;}
.main-pic .main-pic-left .main-pic-leftMenu ul{ border-radius:4px; background:#fff;}
.main-pic .main-pic-left .main-pic-leftMenu ul li{ height:56px; line-height:56px; border-bottom:1px solid #dcdcdc;}
.main-pic .main-pic-left .main-pic-leftMenu ul li:last-child{ border-bottom:0;}
.main-pic .main-pic-left .main-pic-leftMenu ul li a{ display:block; margin-left:34px; padding-left:35px; font-size:16px; background:url(../image/pic-left-icon.png) 0 20px no-repeat;}
.main-pic .main-pic-left .main-pic-leftMenu ul li a:hover{ color:#e67200; background:url(../image/pic-left-iconHover.png) 0 20px no-repeat;}
.main-pic .main-pic-right{ width:720px; overflow:hidden;}
.main-pic .main-pic-right h4{ height:36px; line-height:36px; font-weight:normal;}
.main-pic .main-pic-right h4 em{ font-style:normal; font-size:16px; color:#0089e1;}
.main-pic .main-pic-right .float-l{ margin-bottom:-2px; background:url(../image/pic-right-h.jpg) 0 bottom no-repeat;}
.main-pic .main-pic-right h4 span{ color:#3f3f3f;}
.main-pic .main-pic-right h4 a{ display:block; width:37px; height:37px; background:url(../image/pic-right-more.png) no-repeat #7ac3f4;}
.main-pic .main-pic-right h4 a:hover{ background:url(../image/pic-right-more.png) no-repeat #59b4f1;}
.main-pic .main-pic-right ul{ width:750px;}
.main-pic .main-pic-right ul li{ position:relative; float:left; width:224px; height:281px; margin:20px 20px 0 0; vertical-align:top; border:1px solid #d8d8d8; background:#fff;}
.main-pic .main-pic-right ul li a{ display:block; width:100%; height:230px; line-height:230px; text-align:center;}
.main-pic .main-pic-right ul li img{  margin:5px;
transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
     display:inline-block;
}
.main-pic .main-pic-right ul li img:hover{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.main-pic .main-pic-right ul li p{ position:absolute; left:0; bottom:5px; width:214px; height:46px; margin:0 5px; line-height:46px; color:#333; font-size:16px; text-align:center; background:#f5f5f5;}

.main-youshi{ background:#fff;}
.main-youshi .h{ width:390px; height:64px; margin:70px auto 0 auto; background:url(../image/youshi-h.png) center no-repeat;}
.main-youshi .p{ position:relative; height:1109px; margin-top:47px;}
.main-youshi .one-p1{ position:absolute; left:44px; top:0; width:578px; height:600px; background:url(../image/youshi-one-pic1.png) no-repeat;}
.main-youshi .one-p1 div{ position:absolute; right:44px; bottom:5px; width:240px; height:240px; background:url(../image/youshi-one-pic4.png) no-repeat;}
.main-youshi .one-p2{ position:absolute; right:159px; top:85px; width:373px; height:126px; background:url(../image/youshi-one-pic2.png) no-repeat;}
.main-youshi .one-p3{ position:absolute; right:90px; top:269px; width:371px; height:135px; background:url(../image/youshi-one-pic3.png) no-repeat;}
.main-youshi .two-p1{ position:absolute; left:88px; bottom:319px; width:390px; height:126px; background:url(../image/youshi-two-pic1.png) no-repeat;}
.main-youshi .two-p2{ position:absolute; left:159px; bottom:108px; width:370px; height:147px; background:url(../image/youshi-two-pic2.png) no-repeat;}
.main-youshi .two-p3{ position:absolute; right:51px; bottom:42px; width:600px; height:600px; background:url(../image/youshi-two-pic3.png) no-repeat;}
.main-youshi .two-p3 div{ position:absolute; left:127px; bottom:2px; width:240px; height:240px; background:url(../image/youshi-two-pic4.png) no-repeat;}

.main-huoban{ position:relative; height:569px; background:#0089e1;}
.main-huoban .h{ padding:40px 0; font:bold 35px/50px "Microsoft YaHei","榛戜綋"; color:#fff;  text-align:center;}
.main-huoban .h p{ font-size:16px;}
.main-huoban .b{ width:1000px; margin:0 auto;}
.main-huoban ul { width:1100px;}
.main-huoban ul li{ float:left; width:234px; height:120px; margin:0 21px 21px 0;}
.main-huoban ul li img{ width:234px; height:120px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	display:inline-block;
}
.main-huoban ul li img:hover{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.main-huoban .more{ clear:both; padding-top:20px;}
.main-huoban .more a{ display:block; width:152px; height:35px; margin:0 auto; color:#bde5ff; line-height:35px; text-align:center; border-radius:4px; border:1px solid #66b8ed;}
.main-huoban .more a:hover{ color:#fff; border:1px solid #fff;}
.main-huoban .bg1, .main-huoban .bg2{ position:absolute; width:486px; height:480px;}
.main-huoban .bg1{ left:0; top:0; background:url(../image/huobanBg1.png) no-repeat;}
.main-huoban .bg2{ right:0; bottom:0; background:url(../image/huobanBg2.png) no-repeat;}
.main-huoban .bg1 p, .main-huoban .bg2 p{ width:286px; height:283px;}
.main-huoban .bg1 p{ background:url(../image/huobanBg1s.png) no-repeat;}
.main-huoban .bg2 p{ float:right; margin-top:197px; background:url(../image/huobanBg2s.png) no-repeat;}

.main-about{ width:1000px; height:465px; margin:0 auto; padding:40px 0;}
.main-about .h{ position:relative;}
.main-about .h div{ position:absolute; right:0; bottom:0;}
.main-about .h span, .main-about .h a{ float:left; display:block; width:119px; height:30px; margin:0 5px; line-height:30px; text-align:center; font-size:14px;}
.main-about .h span{ color:#fff; background:#333;}
.main-about .h a{ height:28px !important; line-height:28px !important; color:#333 !important; border:1px solid #d9d9d9;}
.main-about .h a:hover{ border:1px solid #999;}
.main-about .b{ position:relative; margin-top:24px;}
.main-about .b .p1, .main-about .b .p2{}
.main-about .b .p1{ position:absolute; left:0; top:0;}
.main-about .b .p2{ position:absolute; left:50px; top:77px;}
.main-about .b div{ float:right; width:511px; margin-top:48px;}
.main-about .b div p{ padding:30px 0 70px 0; font-size:14px; color:#333; line-height:25px; text-indent:30px;}
.main-about .b div .more{ display:block; width:185px; margin:0 auto; padding:5px 0; border:1px solid #d9d9d9;}
.main-about .b div .more span{ display:block; width:105px; height:24px; margin:0 auto; background:url(../image/about-more.png) 0 0 no-repeat;}
.main-about .b div .more:hover{ border:1px solid #666;}
.main-about .b div .more:hover span{ background:url(../image/about-more.png) 0 -24px no-repeat;}

.main-news{ padding:65px 0; background:#e3e6eb;}
.main-news .news{ float:left; width:640px;}
.news h4{ margin-bottom:20px; overflow:hidden;}
.news h4 span{ float:left; display:block; width:127px; height:38px; line-height:38px; color:#666; font-weight:normal; font-size:14px; text-align:center; background:#fff; cursor:pointer;}
.news h4 span.hover{ color:#fff; background:#0089e1;}
.news h4 a{ float:right; display:block; width:38px; height:38px; background:url(../image/news-more.png) #99d6c1;}
.news h4 a:hover{ background:url(../image/news-more.png) #6ed0ae;}
.tab-con{ display:none;}
.main-news .news>div{ height:284px; padding:58px 40px; background:#fff; overflow:hidden; }
.main-news .news .pt{ float:left; width:257px;}
.main-news .news .pt img{ width:257px; height:186px;}
.main-news .news .pt-t{ margin-top:10px;}
.main-news .news .pt-t h5{ font-size:14px; font-weight:normal; color:#0089e1; line-height:30px;}
.main-news .news .pt-t a{ color:#0089e1;}
.main-news .news .pt-t p{ color:#999; line-height:20px;}
.main-news .news ul{ float:right; width:270px;}
.main-news .news ul li{ margin-bottom:12px; line-height:25px;}
.main-news .news ul li a{ font-size:14px; color:#333;}
.main-news .news ul li a:hover { color:#0036e6; }
.main-news .news ul li p{ width:100%; font-size:12px; color:#999; overflow:hidden;}

.wenti{ float:right; width:335px;}
.wenti h4{}
.wenti h4 span{ float:left; display:block; width:127px; height:38px; line-height:38px; color:#fff; font-weight:normal; font-size:14px; text-align:center; background:#0089e1;}
.wenti h4 a{ float:right; display:block; width:38px; height:38px; background:url(../image/news-more.png) #99d6c1;}
.wenti h4 a:hover{ background:url(../image/news-more.png) #6ed0ae;}
.wenti .b{ height:350px; margin-top:20px; padding-top:50px; background:#fff; overflow:hidden;}
.wenti .scroll{ height:306px; padding:0 25px; overflow:hidden;}
.wenti .scroll li{ padding-top:18px; padding-bottom:20px; border-bottom:1px dotted #d3d3d3;}
.wenti .scroll a{ height:18px; display:block; padding-left:30px; line-height:18px; color:#333; font-weight:bold; background:url(../image/wenBg.png) no-repeat left center; overflow:hidden;}
.wenti .scroll p{ height:40px; margin-top:5px; padding-left:30px; color:#666; line-height:20px; background:url(../image/daBg.png) no-repeat left 2px; overflow:hidden;}



#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#A8191A;}
#flashbg0{ height: 500px; width: 100%; cursor: pointer; margin: 0px auto; opacity: 0; z-index: 1; background: url(../image/banner01.jpg) 50% 0% no-repeat scroll;}
#flashbg1{ height: 500px; width: 100%; cursor: pointer; margin: 0px auto; opacity: 0; z-index: 1; background: url(../image/banner02.jpg) 50% 0% no-repeat scroll;}

.mainBox{ padding-bottom:46px; background:url(404.png);}