/* CSS Document */

*{list-style:none;}
a img{ border:0;}

a:link {color: #777;text-decoration:none}
a:visited {color: #777;text-decoration:none}
a:hover {color: #FF0000;text-decoration:none}
a:active {color: #777;text-decoration:none}

.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:14px;margin:0; line-height:30px; color:#777;  font-family:microsoft yahei; overflow-x:hidden;}
ul,li,img,p,dl,dt,dd{ margin:0; padding:0; border:0; list-style:none}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.red1{color:#A20000}
h1{font-size:23px; font-weight:bolder}
.bule1{ color:#165173}
a.bule{ color:#165173}
a.hei{ color:#777;transition: all 0.6s}
a.hei:hover{ color:#000;transition: all 0.6s}
.huise{ color:#999999}
.lanse{ color:#4FB4B0}
.imgborder{ border:1px solid #D1D1D1; padding:2px;}
.gao5{ height:5px}
.gao10{ height:10px}
.gao15{ height:15px}
.gao20{ height:20px}
.gao30{ height:30px}
.gao50{ height:50px}
.xian{ border-bottom:1px solid #CFCFCF; height:1px; margin:40px 0; clear:both}

.hei{ display:block; border-radius:5px; border:1px solid #EFEFEF; padding:10px 15px; min-height:235px;}
.hei:hover{ background-color:#EFEFEF;}
.hei strong{ display:block; border-bottom:1px solid #EFEFEF; font-size:15px}

.navbar-default{ background-color:#FFF; border:none}
.menuguding{ width:100%; position:fixed; left:0; top:0; z-index:9999999; box-shadow: 1px 1px 3px #DCDCDC;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #fff;
}
.biaotia{ color:#DBDBDB; font-size:34px; font-weight:normal; position:relative; text-transform:uppercase}
.biaotia small{ font-size:24px;  display:block; line-height:35px;}
.biaotia span{ display:inline-block; position:absolute; right:0px; top:10px; border-bottom:1px solid #CFCFCF; padding-bottom:5px; font-size:20px; color:#999}
.fuwupic{  }
.fuwupic a{ display:block; margin:5px;background-color:#000; overflow:hidden; position:relative}
.fuwupic a img{opacity:0.5;transition: all 0.6s; z-index:0}
.fuwupic a:hover img{opacity:1;transition: all 0.6s;transform:scale(1.1);z-index:0}
.fuwupic a .fuwupicl{ position:absolute; width:65%; left:-180px; bottom:15px; z-index:999; display:block; font-size:25px; text-transform:uppercase; color:#FFF;transition: all 0.6s}
.fuwupic a .fuwupicr{ position:absolute; width:35%; right:-125px; bottom:15px; z-index:999; display:block; font-size:21px; color:#FFF;transition: all 0.6s}
.fuwupic a:hover .fuwupicl{ position:absolute; width:65%; left:10px; bottom:15px; z-index:999; display:block; font-size:25px; text-transform:uppercase; color:#FFF;transition: all 0.6s}
.fuwupic a:hover .fuwupicr{ position:absolute; width:35%; right:-5px; bottom:15px; z-index:999; display:block; font-size:21px; color:#FFF;transition: all 0.6s}
.copy{ background-color:#656565; text-align:center; padding:20px 0; color:#FFF; margin-top:30px;}

.culpic{  }
.culpic a{ display:block;  margin:8px 8px 0 8px ;background-color:#000; overflow:hidden; position:relative}
.culpic a img{opacity:0.9;transition: all 0.6s; z-index:0; margin:0 auto}
.culpic a:hover img{opacity:1;transition: all 0.6s;transform:scale(1.1);z-index:0}
.cula{ background-color:#F2F2F2; text-align:center; margin:0 8px 8px 8px}
.lianxi{ background-color:#F2F2F2; padding:10px 20px 10px 0; margin-bottom:20px;}
.jiatih1{ font-size:16px}
.jiatiicon{ float:left; font-size:46px; padding-top:30px;}
.jiatitxt{ margin-left:70px;}
.jiati a{ background-color:#EBE8E8; border-radius:10px; padding:15px; color:#777; text-align:center; min-height:185px;}
.juzhong{ display:table-cell; vertical-align:middle; height:100px;}

@media (min-width:768px) { 
.menu{ float:right; font-size:16px;}
.menu ul li{line-height:65px; background-color:#FFF !important; padding:19.8px 5px} 
.menu ul li  {} 
.menu ul li .xiantiao{ height:3px; background-color:#B06008; width:0; display:block; position:absolute; bottom:30px; left:10px;transition: all 0.6s; z-index:0 ; } 
.xiantiaoall{ width:80px !important; display:inline-block;}
.menu ul li:hover .xiantiao{ height:3px; background-color:#B06008; width:80px; display:block; position:absolute; bottom:30px; left:10px;transition: all 0.6s}
.menu ul li a{transition: all 0.6s;}
.menu ul li a:hover{ }
.menu ul li ul{ min-width:105px !important;}
.menu ul li ul li{line-height:35px;padding:0px 0px} 
.menu ul li ul li:hover{ border-bottom:0}
.menu ul li ul li a{ text-align:center;line-height:35px; border-bottom:1px solid #EFEFEF; width:100%}
.menu ul li ul li a:hover{ background-color:#EFEFEF}
.navbar-header{ height:90px;}
.logo{ padding-top:10px;}
.dropdown{ position:relative;opacity:1}
.hezuo{}
.hezuo li{ width:14.285%; float:left; padding:4px}
.hezuo li img{ border:1px solid #E2B68C;transition: all 0.6s; }
.hezuo li img:hover{ border:1px solid #E2B68C; transition: all 0.6s;box-shadow: 0px 0px 5px 2px #CCC }
.menua{ text-align:center; margin-bottom:30px;}
.menua a{ display:inline-table; width:120px; line-height:45px; font-size:16px}
.menua a:hover{ background-color:#8C8C8C; color:#FFF}
.menua a.hover{ background-color:#8C8C8C; color:#FFF}
.btnea{ position:static; float:right;width:445px; }
.btne{ position:fixed; top:100px; width:450px; float:right}
 }
@media (max-width:768px) { 
.menu ul li{ text-align:left; border-bottom:1px solid #EFEFEF;}
.menu ul li .xiantiao{ height:1px; background-color:#CBCBCB; width:0; display:block; position:absolute; bottom:0px; left:0px;transition: all 0.6s; z-index:0}
.menu ul li:hover .xiantiao{ height:1px; background-color:#CBCBCB; width:100%; display:block; position:absolute; bottom:0px; left:0px;transition: all 0.6s;}
.menu ul li a{transition: all 0.6s;}
.menu ul li a:hover{ }
.menu ul li ul{ min-width:145px !important;}
.menu ul li ul li{line-height:35px;padding:0px 0px} 
.menu ul li ul li:hover{ border-bottom:0}
.menu ul li ul li a{ text-align:left;line-height:35px;  width:100%; padding-left:35px !important;}
.menu ul li ul li a:hover{ background-color:#EFEFEF}
.logo{ padding-top:5px; width:80%}
.logo img{ width:150px;}
.navbar-header{ height:70px;}
.hezuo{}
.hezuo li{ width:33.3333%; float:left; padding:4px}
.hezuo li img{ border:1px solid #E2B68C;transition: all 0.6s; }
.hezuo li img:hover{ border:1px solid #E2B68C; transition: all 0.6s;box-shadow: 0px 0px 5px 2px #CCC }
 }





#www1 {
    animation-duration: 1.5s;    //动画持续时间
    animation-delay: 2s;    //动画延迟时间
    animation-iteration-count: 1;    //动画执行次数
}
#www2 {animation-duration: 1s;   /* 动画持续时间*/    animation-delay: 2s;    /*动画延迟时间*/    animation-iteration-count: 1;   /* 动画执行次数*/}