@charset "utf-8";
/* CSS Document */

body{ width:100%; height:auto; color:#343434; font-size:12px; font-family:'微软雅黑',Arial,'楷体'; background:#fff;}
*{ margin:0px auto; padding:0px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
a{ text-decoration:none; color:#343434;}
.divclear{ clear:both;}
.hidd{ display:none;}
li{ list-style:none;}
i,em{ font-style:normal;}
#bord{ border:none;}
#bgnone{ background:none;}
#bord_n{ padding-right:0; margin:0;}
.t_right{ float:right;}   /* 右浮动 */
.t_left{float:left;}      /* 左浮动 */
.align_l{ text-align:left;}
.align_r{ text-align:right;}
.align_c{text-align:center;}
img{ vertical-align:bottom; border:none; max-width:100%;}
input[type=text]:placeholder{ color:#f00;}
.wapper{ width:1200px; margin:0px auto;}


/* 首页顶部 */
.top{ height: 102px; min-width: 1200px; background: #FFFFFF;}
.top .logo{ float: left; display: inline-block; padding-top: 19px;}
.top .topr{ float: right; display: inline-block;}
.top .topr .toprt{ height: 39px; line-height: 39px; text-align: right;}
.top .topr .toprt span{ display: inline-block; overflow: hidden;}
.top .topr .toprt span img{ float: left; width: 264px; height: 39px; max-width: none;}
.top .topr .toprt span ul{ float: right; display: inline-block;}
.top .topr .toprt span ul li{ float: left; background: url(../images/bord_nav.jpg) no-repeat right center; margin-right: -1px;}
.top .topr .toprt span ul li a{ display: block; padding: 0 10px; color: #8f8f8f;}
.top .topr .toprt span ul li.on a{ color: #4b4b4b;}

/* 导航栏 */
.nav ul li{ float: left; width: 125px; background: url(../images/bord_nav.jpg) no-repeat right 16px; position: relative;}
.nav ul li:last-child{ background:none;}
.nav ul li>a{ display: block; width: 93px; padding-bottom: 15px; text-align: center; font-size: 18px;}
.nav ul li>a div{ height: 48px; line-height: 48px;}
.nav ul li:hover{ transition:none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.nav ul li:hover>a{ background:url(../images/bord_navb.jpg) no-repeat center bottom; transition: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.nav ul li:hover>a div{ background: #30a0ff; color: #fff;}
.nav ul li.on{ background:url(../images/bord_navb.jpg) no-repeat center bottom;}
.nav ul li.on>a{ background: #30a0ff; color: #fff;}
.nav ul li:hover>a{ color: #4b4b4b;}
.nav ul li:hover .navdl{ display: block;}
.nav ul li .navdl dt:hover{ background: #0065BA;}
.nav ul li .navdl{ display: none; width: 93px; background: #30A0FF; position: absolute; top: 63px; left: 16px; z-index: 99;}
.nav ul li .navdl dt a{ display: block; color: #FFFFFF; text-align: center; line-height: 40px; line-height: 40px; font-size: 14px;}


/*banner*/
.banner,.banner .flexslider,.banner .slides li{ min-width:1200px; height:400px; position:relative;}
.nbanner,.nbanner .flexslider,.nbanner .slides li{ min-width:1200px; height:260px; position:relative;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.flexslider{position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.flex-control-nav{position:absolute;bottom:0px; z-index:2;padding-left:0;width:1200px;left:0;right:0; height:45px; line-height:45px;margin:0 auto;text-align:right;}
.flex-control-nav li{width:10px;height:12px;margin-right:8px;display:inline;zoom:1;text-align:center; border-radius:50%; overflow:hidden;}
.flex-control-nav a{display:inline-block;width:10px;height:12px;line-height:50px; background:url(../images/art.png) no-repeat; background-position:right center;cursor:pointer;color:#fff;font-family:Arial; border-radius:50%; overflow:hidden;}
.flex-control-nav .flex-active{width:27px;height:12px; background-position:left center; color:#b34040;}
.flex-direction-nav a{width:40px;height:40px;line-height:99em;overflow:hidden;margin:-20px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{ background:url(../images/iright.png) no-repeat center center; right:50px;}
.flex-direction-nav .flex-prev{ background:url(../images/ileft.png) no-repeat center center; left:50px;}
.flexslider:hover .flex-next{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-prev{opacity:0.6;filter:alpha(opacity=60);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=100);}


/* foot */
.foot{ width:100%; height:59px; background:#1b6db2;}
.foot .t_left{ display:inline-block; padding-top:14px; }
.foot .t_right{ padding-top:5px; font-size: 14px; display: inline-block;}
.foot .t_right p{ line-height: 24px; color: #fff; text-align: right;}
.foot .t_right div{ line-height: 24px; color: #003c6e; font-size: 12px;}


/* rightfix */
.rightfix{ position: fixed; right: 50px; top: 50%; margin-top: -78px; z-index: 999; width: 50px; height: 156px;}
.rightfix ul li{ height: 50px; border-radius: 5px; position: relative; margin-bottom: 2px;}
.rightfix ul li .fixr{ border-radius: 5px; float: right; cursor: pointer;}
.rightfix ul li:hover .fixr{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; float: right; cursor: pointer;}
.rightfix ul li .fixl{ width: 0px; padding:5px 0px; height: 40px; position: absolute; top: 0px; right: 50px; z-index: 10; overflow: hidden; background: #91e2fe; color: #0065ba; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.rightfix ul li:hover .fixl{ width: 110px; padding:5px 15px;}
.rightfix ul li .fixl p{ height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rightfix ul li .fixl div{ font-weight: bold; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.rightfix ul li.s1 .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_11.png) #30A0FF no-repeat center center;}
.rightfix ul li.s1:hover .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_12.png) #30A0FF no-repeat center center;}
.rightfix ul li.s2 .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_21.png) #30A0FF no-repeat center center;}
.rightfix ul li.s2:hover .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_22.png) #30A0FF no-repeat center center;}
.rightfix ul li.s3 .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_31.png) #30A0FF no-repeat center center;}
.rightfix ul li.s3:hover .fixr{ width: 50px; height: 50px; background: url(../images/rightfix_32.png) #30A0FF no-repeat center center;}












