/* CSS Document */


html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0; font-size:14px; color:#333333; font-family:"΢ÈíÑźÚ"}
a{font-size:14px; color:#333333; text-decoration:none}
a:hover{color:#0168B7; text-decoration:none}
img{border:none}
.img:visited img{border: 2px solid #E6E7EB;}
.img img{border: 2px solid #E6E7EB;padding:5px;}
.img:hover img{border: 2px solid #F5831F;}
.img:hover{color: #333333;}
ul,li{list-style:none;}
.w1200{width:1200px; margin:auto; }
.chl{clear:both;}

.top{margin-top:15px;}
.top .logo{float:left;}
.top .nav{float:right; margin-top:25px;}
.top .nav li{float:left;}
.top .nav li a{background-color:#09B9E0; display:block; padding:12px; color:#FFFFFF; font-size:16px; width:75px; text-align:center; border-top:2px solid #ffffff;}
.top .nav li a:hover{ background-color:#75D8ED; border-top:2px solid #FE4D1B;}

/*´óͼ*/
.banner{width:100%;overflow:hidden;height:500px;position:relative;}
.banList{position:absolute;height:500px}
.banList li{height:450px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:12px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#D6D6D6;width:15px;height:15px;border-radius:50%;margin:0 3px;}
.jsNav a.current{background:#FE5F35;cursor:pointer}


.about{background-color:#16C4C5; width:100%; overflow:hidden;}
.about .imgs{float:left; margin-right:80px; padding-top:50px; padding-bottom:50px;}
.about h1{text-align:center; color:#FFFFFF; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:35px;}
.about h2{text-align:center; color:#FFFFFF; font-size:45px; padding-bottom:35px;}
.about .wenzi{float:left; padding-top:100px; color:#FFFFFF; font-size:18px;}
.about .more{text-align:center; background-color:#E64E3F; padding:14px; float:left;width:140px; border-radius:5px; margin:auto; margin-top:25px;margin-bottom:50px;}
.about .more:hover{ background-color:#7A36D9}
.about a{color:#FFFFFF}

.news{background-color:#71C1FE; width:100%; overflow:hidden;}
.news h1{text-align:center; color:#FFFFFF; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.news h2{text-align:center; color:#FFFFFF; font-size:45px; padding-bottom:45px;}
.lanrenzhijia{ width:550px; height:450px;  float:left; margin-left:50px;}
.lanrenzhijia .tab{ overflow:hidden; background:#ccc;}
.lanrenzhijia .tab a{ display:block; text-align:center; line-height:40px; width:50%; float:left; text-decoration:none; color:#333; font-size:16px; font-weight:bold;}
.lanrenzhijia .tab a:hover{ background:#C6E6FF; color:#fff; text-decoration:none;}
.lanrenzhijia .tab a.on{ background:#E64E3F; color:#fff; text-decoration:none;}
.lanrenzhijia .content{ overflow:hidden; width:550px; height:410px; position:relative;}
.lanrenzhijia .content ul{ position:absolute; left:0; top:0; height:410px;}
.lanrenzhijia .content li{ width:550px; height:410px; float:left;}
.xw{width:100%; background-color:#FFFFFF; margin-top:10px; margin-bottom:10px; line-height:42px;}
.xw:hover{ background-color:#C6E6FF;}
.xw a{padding-left:10px; color:#333333}

.zbzy{width:100%; background-color:#FEE92E; overflow:hidden;}
.zbzy h1{text-align:center; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.zbzy h2{text-align:center; font-size:45px; padding-bottom:45px;}
.zbzy .diy{width:100%; margin-bottom:25px;}
.zbzy .le{width:794px; margin-right:26px; float:left;}
.zbzy .ri{width:380px; float:left;}
.zbzy .more{text-align:center; background-color:#628FAB; padding:14px; width:140px; border-radius:5px; margin:auto;  margin-bottom:50px;}
.zbzy .more:hover{ background-color:#E64E3F}
.zbzy a{color:#FFFFFF}

.xgcp{background-color:#B07CF8; width:100%; overflow:hidden;}
.xgcp h1{text-align:center; color:#FFFFFF; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.xgcp h2{text-align:center; color:#FFFFFF; font-size:45px; padding-bottom:45px;}
.xgcp .more{text-align:center; background-color:#E64E3F; padding:14px; width:140px; border-radius:5px; margin:auto;  margin-bottom:50px;}
.xgcp .more:hover{ background-color:#7A36D9}
.xgcp a{color:#FFFFFF}

.zzcx{width:100%; overflow:hidden;}
.zzcx h1{text-align:center; color:#00BEBE; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.zzcx h2{text-align:center; color:#00BEBE; font-size:45px; padding-bottom:45px;}
.zzcx .ss{ float:left; float:left;}
.zzcx .lyk{line-height:50px; background-color:#C4F0EF; font-size:16px; border:none; height:45px; width:350px; margin-bottom:40px;}
.zzcx .cx{width:250px; line-height:50px; background-color:#00BEBE; border:none; font-size:18px; color:#FFFFFF; margin-left:70px;}

.zz{ background-color:#C5C5C5; width:100%; overflow:hidden; margin-top:30px;}
.zz img{ padding-bottom:30px; padding-top:30px;}

.tzlc{width:100%; overflow:hidden;}
.tzlc h1{text-align:center; color:#A6A6A6; font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.tzlc h2{text-align:center; color:#A6A6A6; font-size:45px; padding-bottom:45px;}

.footer{ width:100%; background:url(foot.jpg) no-repeat center; height:600px; margin-top:50px;}
.footer h1{text-align:center;font-size:55px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:45px;}
.footer h2{text-align:center;font-size:45px; padding-bottom:45px;}
.footer .bq{ width:500px; float:right; font-size:18px; font-weight:bold;}
.footer .lyk{line-height:50px; background-color:#6FD6D3; font-size:16px; border:none; height:45px; width:450px; margin-bottom:10px;}
.footer .lyks{line-height:50px; background-color:#6FD6D3; font-size:16px; border:none; height:100px; width:450px; margin-bottom:10px;}
.footer .cx{width:250px; line-height:50px; background-color:#3477AC; border:none; font-size:18px; color:#FFFFFF; margin-left:40px;}

#left {margin:0; margin-left:30px;}
#left ul{list-style:none;padding:0;border:0;}
#left li {display: inline;}
#left li a:link,
#left li a:visited {float:left; text-decoration: none;  color:#666666;line-height:22px; padding:7px; margin:7px;display:block;text-align:left}
#left li a:hover {float:left; text-decoration: none; color:#ffffff;background-color:#1260AA;}
#left ul .curr a{float:left; text-decoration: none; color:#ffffff;background-color:#1260AA;}


/*main css*/
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.xwzx{width:1200px; margin:auto; margin-top:20px;}
.xwzx ul li {width:100%; border-bottom:1px dashed #cccccc; clear:both; height:210px; padding-top:20px;}
.xwzx ul li img { float:left; margin-right:20px;}
.xwzx ul li h1 { font-size:16px; color:#1F62B1; line-height:50px;}
.xwzx ul li span {color:#666666; line-height:200%; font-size:14px;}
.xwzx ul li .ckxq{font-size:14px; color:#1F62B1; } 
.xwzx ul li img{display:block; z-index:80;opacity:1;filter(alpha=100)}
.xwzx ul li a:hover img{opacity:0.8;filter(alpha=80)}

.page{ font-family:Arial, Helvetica, sans-serif;clear:both;line-height:20px; margin:10px 0; padding:5px;}
.page a{color:#F5831F;padding:3px;border:1px solid #F5831F;text-decoration:none;margin-right:5px;}
.page a:link{color:#F5831F}
.page a:visited {color:#F5831F}
.page a:hover{background:#F5831F;color:#fff;}
.page a:active{color:#F5831F}
.page span{background:#F5831F;color:#fff; padding:3px;border:1px solid #F5831F;margin-right:3px;}
.page .cur{color:#fff;}
.page .cur a{ color:#fff;margin-right:0px;}
.page .cur a:link{color:#fff;}
.page .cur a:visited {color:#fff;}
.page .cur a:hover{color:#fff;}
.page .cur a:active{color:#fff;}

.case_main{width:1220px; margin:auto; margin-top:10px;clear:both;}
.case_main ul li {float:left; margin-left:10px; margin-right:5px;}
.case_main ul li img{display:block; opacity:1;filter(alpha=100)}
.case_main ul li a:hover img{opacity:0.6;filter(alpha=60)}
.case_main ul div {height:40px; line-height:40px; text-align:center; color:#333333; font-size:14px;}
.case_main ul div:hover{color:#990000;}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 600px;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 18px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.png") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }