﻿@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0; text-decoration:none;}
/* flexslider */
.flexslider{position:relative;height:530px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:530px;}
.flex-control-nav{position:absolute;bottom:80px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;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:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/* 简化通用头部 */
#header_div{ position: relative; z-index: 15;}
#header_div .bar2{ min-width: 990px; height: 65px; margin-top:5px; background-color: #fff; position: relative; z-index: 1;}
#header_div .bar2 .box{ width: 990px; height: 65px; margin:0 auto; position: relative;}
#header_div .bar2 .logo{ width: 510px; height: 60px; display: block;}

#header_div .bar2 .logo .img1{ margin: 10px;}
#header_div .bar2 .logo .gif1{ margin: 0 0 20px 30px;}
#header_div .bar2 .entrance{ position: absolute; right: 0; top: 25px;}
#header_div .bar2 .entrance a{ height: 38px; line-height: 38px; padding: 0 20px; font-size: 14px; border: 1px solid #29afec; display: block; float: left; -webkit-transition: 0.3s; transition: 0.3s;}
#header_div .bar2 .entrance a.btn1{ color: #29afec; margin-right: 20px;}
#header_div .bar2 .entrance a.btn2{ color: #fff; background-color: #29afec;}
#header_div .bar2 .entrance a:hover{ color: #fff; border: 1px solid #0590d0; background-color: #0590d0;}
#header_div .bar2 .entrance-v2{ position: absolute; right: 0; top: 25px;}
#header_div .bar2 .entrance-v2 li{ padding: 0 15px; height: 16px; border-right: 1px solid #333; float: left;}
#header_div .bar2 .entrance-v2 li:last-child{ border-right: none;}
#header_div .bar2 .entrance-v2 li a{ line-height: 16px; font-size: 14px; color: #29afec; display: block;}
#header_div .bar2 .entrance-v2 li a:hover{ text-decoration: underline; color: #018fd9;}

/* 顶部图片轮播导航菜单 */
#banner_nav{ width: 1000px; height: 140px; margin-left: -500px; background-color: #F5F5F5; box-shadow: 0 3px 6px #ddd; position:absolute; left: 50%; top:560px; z-index: 20;}
#banner_nav .item{ width: 140px; height: 90px; padding:25px 20px 25px 90px; color: #3fbeff; text-align: center; display: block; float: left; position: relative;}
#banner_nav .item .icon{ width: 70px; height: 70px; background: url(../images/bg_ico.png); position: absolute; left: 20px; top: 35px; z-index: 5;}
#banner_nav .item.st1 .icon{ background-position: -525px -5px;}
#banner_nav .item.st2 .icon{ background-position: -605px -5px;}
#banner_nav .item.st3 .icon{ background-position: -685px -5px;}
#banner_nav .item.st4 .icon{ background-position: -765px -5px;}
#banner_nav .item.curr.st1 .icon{ background-position: -525px -85px;}
#banner_nav .item.curr.st2 .icon{ background-position: -605px -85px;}
#banner_nav .item.curr.st3 .icon{ background-position: -685px -85px;}
#banner_nav .item.curr.st4 .icon{ background-position: -765px -85px;}

#banner_nav .item.st5 .icon{ background-position: -605px -165px;}
#banner_nav .item.curr.st5 .icon{ background-position: -605px -245px;}
#banner_nav .item.st6 .icon{ background-position: -685px -165px;}
#banner_nav .item.curr.st6 .icon{ background-position: -685px -245px;}

#banner_nav .item .line{ width: 1px; height: 120px; content: ""; background: url(../images/bg_ico.png) -820px -180px; position: absolute; right: 0; top: 10px; z-index: 5;}
#banner_nav .item .p1{ height: 30px; line-height: 22px; font-size: 26px; margin-bottom: 10px;}
#banner_nav .item .p2{ height: 20px; line-height: 20px; font-size: 14px; overflow: hidden;}
#banner_nav .item .p3{ height: 20px; line-height: 20px; font-size: 16px; overflow: hidden;}
#banner_nav .item.curr{ color: #f60;}
#banner_nav.v2 .item{ padding: 48px 20px 0px 90px}
#banner_nav.v2 .item .p1{ margin-bottom: 2px;}


/* 顶部图片轮播 */
#ModelTop{ width: 100%; min-width: 1000px; position: relative; z-index: 10;}
#Slide{ height: 530px; position: relative; z-index: 10;}
#Slide .box{ width: 100%; height: 530px; background-repeat: no-repeat; background-position: center center; display: block;}
#Slide .slidesjs-pagination{ width: 1000px; margin-left:-500px; text-align: center; position: absolute; left: 50%; bottom: 90px; z-index: 10;}
#Slide .slidesjs-pagination li{ margin: 0 10px; display: inline-block; *display: inline; *zoom: 1;}
#Slide .slidesjs-pagination li a{ width: 10px; height: 10px; font-size: 0; background-color: rgba(0,0,0,.6); border: 1px solid #fff; border-radius: 50%; display: inline-block; *display: inline; *zoom: 1; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#Slide .slidesjs-pagination li a:after { width: 100%; height: 100%; padding: 2px; background: #fff; border-radius: 50%; content: ''; position: absolute; top: -2px; left: -2px; z-index: 2; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s;}
#Slide .slidesjs-pagination li a:after { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); opacity: 0; }
#Slide .slidesjs-pagination li a.active:after,#Slide .slidesjs-pagination li a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;}
#Slide .slidesjs-navigation{ width:80px; height:100px; background: url(../images/bg_ico.png) no-repeat; display: block; text-indent: 20em; overflow: hidden; position: absolute; top: 215px; z-index: 10; opacity: 0;}
#Slide .slidesjs-previous{ background-position: 0 -50px ; left: 50%; margin-left: -700px;} 
#Slide .slidesjs-next{ background-position: -80px -50px ; right: 50%; margin-right: -700px;} 
#ModelTop:hover #Slide .slidesjs-navigation{opacity: .7;}
#ModelTop #Slide .slidesjs-navigation:hover{opacity: 1;}


/* 登录框*/
#login_div{ width: 320px; height: 320px; margin-left: 180px; background: url(../images/login_bg.png); box-shadow: 0 0 3px #999; position: absolute; top: 40px; left: 50%; z-index: 20; overflow: hidden;}
#login_div .pc_login{ width: 270px; padding:10px 25px; margin-top:30px;}
#login_div .pc_login .line{ width: 230px; height: 38px; margin-bottom: 15px; padding-left: 38px; border:1px solid #ddd; position: relative; -webkit-transition: 0.3s; transition: 0.3s; overflow: hidden;}
#login_div .pc_login .line i{ width: 38px; height: 38px; background: #ddd url(../images/bg_ico.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: 0.3s; transition: 0.3s;}
#login_div .pc_login .line i.icon1{ background-position: -281px -1px;}
#login_div .pc_login .line i.icon2{ background-position: -321px -1px;}
#login_div .pc_login .line input{ width: 90%; height: 20px; line-height: 20px; padding:9px 5%; font-size: 14px; color: #333; border: none; outline: 0;}
#login_div .pc_login .line.curr{ border:1px solid #199ED8;}
#login_div .pc_login .line.curr i{ background-color:#199ED8;}
#login_div .pc_login .btn1{ width: 270px; height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 16px; color: #fff; text-align: center; background-color: #f90; border-radius: 3px; border: none; display: block;}