﻿@import url(global.css);
/*--------------------------*/
.flexslider{position:relative;height:700px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; }
.slides{position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px;}
.slides li{height:700px; z-index:10;}
.slides li img{ z-index:10;}
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; z-index:10;}
.flex-control-nav li{ height:700px; 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/dot2.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; z-index:10;}
.flex-direction-nav li a.flex-prev{left:130px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{left:130px;background:url(../images/prev2.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:130px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{right:130px;background:url(../images/next2.png) center center no-repeat;}
/*------------分类--------------*/
.my{width:1200px;height:auto;margin:0 auto;padding:50px 0; overflow:hidden;}
.my ul{ height:100%; overflow:hidden; border-left:1px solid #dedede;}
.my ul li{width:19.91%; height:300px; text-align:center; font-size:18px; float:left; overflow:hidden; display:block; border:1px solid #dedede; border-left:none; background:#fff;}
.my ul li .con{ display:block; padding:30px;}
.my ul li .con h6{ font-size:16px; font-weight:lighter; margin-bottom:10px; color:#333;}
.my ul li .con p{ font-size:14px; color:#999; line-height:24px;}
.my ul li .con .img{ width:90px; height:90px; margin:0 auto; border-radius:50%; margin-bottom:20px; overflow:hidden;}
.my ul li .con .img img{ width:50px; height:50px; padding:20px;}
.my ul li:nth-child(1) .img{ background:#f3b38b;}
.my ul li:nth-child(2) .img{ background:#7ec0e6;}
.my ul li:nth-child(3) .img{ background:#ef7d2e;}
.my ul li:nth-child(4) .img{ background:#7bd7a2;}
.my ul li:nth-child(5) .img{ background:#fa0;}
.my ul li .con2{ display:none; text-align:center; padding:110px 30px 30px 30px;}
.my ul li .con2 .top{ padding-bottom:20px;}
.my ul li .con2 .top a{ width:100%; height:36px; line-height:36px; color:#fff; font-size:14px; display:block; background:#f80; border:1px solid #f70;border-radius: 6px;}
.my ul li .con2 p a{ font-size:14px;  width:100%; height:36px; line-height:36px; color:#999; font-size:14px; display:block; border:1px solid #dedede;border-radius: 6px;}
.my ul li .con2 a:hover{ background:#f60; border:1px solid #f50; color:#fff;}
.my ul li:hover .con{ display:none;}
.my ul li:hover .con2{ display:block;}




.notice{ width:60%;  position:fixed; top:120px; left:20%; z-index:100; background:#fff;border-radius: 6px;}
.notice .close{ width:36px; height:36px; text-align:center; line-height:36px; border:1px solid #f50; color:#fff; background:#f60; position:absolute; top:-18px; right:-18px; border-radius:50%;}
.notice .title{ height:60px; line-height:60px; font-weight:bold; padding-left:30px; border-bottom:1px solid #dedede; font-size:20px; color:#f60; background:#f5f5f5; border-radius: 6px 6px 0 0;}
.notice .con{ padding:30px; line-height:24px; font-size:14px;}
.notice .con p{ margin-bottom:5px;}
.notice .con .cn{ border-bottom:1px dashed #dedede; margin-bottom:10px;}
.notice .con .cn p{text-indent:24px;}

.notice_bg{background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 99;}