@charset "utf-8";
/* CSS Document */

/*@font-face {
    font-family: pictos;
    src:url(../font/msyh.ttf)
}*/

html,body{width:100%;height: 100%;}
body,html{font-family: "Microsoft YaHei","微软雅黑";font-size:14px;}
img{border:none;width: 100%;}
ul,li,p,a,span{text-decoration:none;padding:0px;margin:0px;list-style-type: none;color:#fff;font-family: "Microsoft YaHei","微软雅黑" ;
}
input:focus {outline:none;}
body,html{padding:0px;margin:0px;position:absolute;top:0px;}
h3{font-family: "Microsoft YaHei","微软雅黑"!important;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;
    padding: 0;}
/*分页  */
#xuzhong{background: #666;color: #FFF}
/*第一页*/
#y1{height:100%!important;}
.nav{width:100%;height:50px;background:#000;z-index: 999;overflow: hidden;}
.nav ul{width: calc(100% - 200px);margin:0 auto;overflow: hidden;}
.nav ul li{float:left;text-align:center;line-height: 50px;margin-left:0px;position: relative;}
.nav ul li a{position:absolute;top:0px;left:0px;width:100px;opacity: 0;font-size:12px;}
.nav ul li p{font-size:12px;font-weight: 100;text-align: center;/*padding-left:8px;*/padding-right:8px;color: #FFF}
.nav ul li:hover a{background:#FDFDFD;color:#000;opacity: 1;}
.nav ul li:hover p{opacity:0;}
.logo_2{width:150px;height:100px;;margin-top:0px;margin:0 auto;}
.logo_2 img{width:100%!important;margin-top:/*20%*/24%;}

.nav ul span{float:left;line-height: 50px;font-size:20px;font-weight: 100;color:aliceblue;/*margin-left: 8px;*/margin-right: 8px;}
/*
#kk{padding-top:20px;padding-bottom: 14px;padding-left: 15px;padding-right: 15px; background-color:#FCFCFC;color:#000;opacity: 1;}
*/

#kk_1{background:#FFFFFF!important;}

.oo{background:#FDFDFD;color:#000;opacity: 1!important;}

#li_l1{margin-left: 0px;margin-right: 1px}
#li_a1{position: inherit;width:54px;height:57px;opacity: 1;padding-left: 0px;}
#li_a1_over{position: inherit;width:54px;height:57px;opacity: 1;padding-left: 0px; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a1_over:visited{background:#FDFDFD;color:#000;opacity: 1!important;}
#li_p1{opacity: 1;padding-left: 0px;}

#li_l2{margin-left:-7px;}
#li_a2{width: 110px;margin-left: -20px;}
#li_a2_over{width: 96px;margin-left: -20px; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a2_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}
#li_l3{margin-left: -8px;margin-right: 9px;}
#li_a3{margin-left: -7px;width: auto;width: 110px;text-align: center;}
#li_a3_over{margin-left: -7px;width: auto;width: 110px;text-align: center; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a3_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}
#li_l4{margin-left: 11px;}
#li_a4{margin-left: -13px;width: 110px!important;}
#li_a4_over{margin-left: -13px;width: 110px!important; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a4_over:visited{background:#FDFDFD;color:#000;opacity: 1!important;}
#li_l5{margin-left: 11px;margin-right: 13px}
#li_a5{margin-left: -23px;width: /*110px*/90px!important;text-align: center;}
#li_a5_over{margin-left: -23px;width: 90px!important;text-align: center; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a5_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}
#li_l6{margin-left: 18px;}
#li_a6{margin-left: -8px;width:110px!important;}
#li_a6_over{margin-left: -8px;width:110px!important; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a6_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}
#li_l7{margin-left: 8px;float:right;}
#li_a7{margin-left: -16px;text-align:center;width: 67px;}
#li_a7_over{margin-left: -16px;text-align:center;width: 110px; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a7_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}
#span_1{float:right;/*margin-left: 8px;*/}
#li_l8{margin-left: 3px;float:right;}
#li_a8{margin-left: 0px;width: 160px!important;text-align: center;}
#li_a8_over{margin-left: 0px;width: 170px!important;text-align: center; background:#FDFDFD;color:#000;opacity: 1!important;}
#li_a8_over:visited{ background:#FDFDFD;color:#000;opacity: 1!important;}




#li_s1{float:right;margin-left: 2px;margin-right: 2px;}

.sp{z-index: -100;}
.sp_1{position:absolute;top:50%;left:50%;width:120px;margin-left: -60px;}
.sp_1 h3{font-size:30px;}
#vis{position:relative;}
.iconfont{color:aliceblue;}
/*移动端导航*/
.nav_1{display:none;width:10%;line-height:60px;margin:auto;z-index: 999;}
.nav_1 button{background: none;border: none;position: absolute;right:30px;top: 10px;outline: none;display: none;z-index: 100;cursor: pointer;}
.nav_1 #btn span{display: block;width: 19px;height: 1px;background: #fff;margin-top: 6px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.nav_1 #btn .one{-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background: #fff;}
.nav_1 #btn .two{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);margin-top: 5px;background: #fff;}
.nav_1 #btn #c{-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;background: #fff;}

.navigation{ overflow: auto; width: 100%;height: 100%;background:rgba(0,0,0,0.9);position: fixed;left: 0;top: -100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;z-index:999999;}
.kj{width:90%;margin: 50px auto;}
.kj>li{border-bottom: 1px solid #ccc;}
.kj li .t{line-height: 50px;font-size: 14px;}
.kj li .t a{color: #666;}
.kj li ul li {color:#727272;line-height: 40px;}
.kj li ul li a{display:block;padding-left:10px;}
.kj .t{font-size: 14px;padding-left: 10px;}
.kj li .t .label{background:no-repeat;color: #fff;font-weight:bold;text-decoration:none;font-weight: 100;}
.kj li .t .arrow{display:block;width:32px;height:32px;background:no-repeat 0 center;float:right;margin-top: 9px;margin-right: 10px;-webkit-transition: all 0.1s;-o-transition: all 0.1s;transition: all 0.1s;}
.kj li div.t .arrow.up{background-image:url(../img/xx.png);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.kj li div.t .arrow.down{background-image:url(../img/xx.png);}
.kj li .menu{display:none;}
.kj li .menu li a{color: #bbb;padding-left: 24px;}

/*移动端导航*/

/*第二页*/
#y2_2{margin-top:46px;overflow: hidden;height:auto;}
.marn_2{width:100%;height:auto;}
.marn_2 ul{width:89%;;margin:0 auto;overflow: hidden;}
.marn_2 ul li{position: relative;padding-bottom: 0px;}
.tp1{float:left;width:48.2%;overflow: hidden;}
.tp1 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.tp2{float:right;width:50%;;    overflow: hidden;margin-left:1.8%;}
.tp2 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.tp3{width:50%;float:right;overflow: hidden;margin-top:1.8%;margin-left:1.8%;}
.tp3 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.tp2 h3 ol{width:15%;top:20px;left:10px;position: absolute;}
.tp3 h3 ol{width:15%;top:20px;left:10px;position: absolute;}


.marn_2 ul li h3{width:100%;height:100%;background:rgba(0,0,0,0.3);position: absolute;top:0px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;overflow: hidden;margin-top: 0px;margin-bottom: 0px;}

/*.marn_2 ul li:hover h3{opacity:1;background:rgba(0,0,0,0.5);cursor: pointer;}*/
/*
.marn_2 ul li:hover h3 p{opacity:1;}
.marn_2 ul li:hover img{ transform:scale(1.2);}
*/


.marn_2 ul .tp1 h3 p{margin-top:50%;;font-weight:100;line-height: 40px;font-size:20px;opacity: 0;text-align: center;}
.marn_2 ul .tp2 h3 P{margin-top:25%;overflow:hidden;font-weight:100;font-size:20px;opacity: 0;text-align: center;}
.marn_2 ul .tp3 h3 P{margin-top:25%;font-weight:100;font-size:20px;opacity: 0;text-align: center;}


/*
.tp1_1 h4:active + li h3 p{opacity:1;}
.tp1_1 h4:active + li img{ transform:scale(1.2);}
*/
/*
.tp1_1 h4:hover li h3{opacity:1;background:rgba(0,0,0,0.5);cursor: pointer;}
.tp1_1 h4:hover li h3 p{opacity:1;}
.tp1_1 h4:hover{cursor:pointer;}
*/

.tp1 h4{position:absolute;width:44px;height:44px;left:46%;top:54%;background:url(../an/1.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp1:hover h4{opacity:1;cursor: pointer;}

.tp2 h4{position:absolute;width:44px;height:44px;left:46%;top:54%;background:url(../an/2.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp2:hover h4{opacity:1;cursor: pointer;}

.tp3 h4{position:absolute;width:44px;height:44px;left:46%;top:54%;background:url(../an/2.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp3:hover h4{opacity:1;cursor: pointer;}

.tp4 h4{position:absolute;width:44px;height:44px;left:47%;top:54%;background:url(../an/1.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp4:hover h4{opacity:1;cursor: pointer;}

.tp5 h4{position:absolute;width:44px;height:44px;left:46%;top:54%;background:url(../an/2.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp5:hover h4{opacity:1;cursor: pointer;}

.tp6 h4{position:absolute;width:44px;height:44px;left:46%;top:54%;background:url(../an/2.png);z-index: 100;opacity: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.tp6:hover h4{opacity:1;cursor: pointer;}



/*第三页*/
#y3_3{margin-top:48px;;overflow: hidden;height:auto;}
.marn_3{width:100%;height:auto;;}
.marn_3 ul{width:89%;;margin:0 auto;overflow: hidden;}
.marn_3 ul li{position: relative;}
.tp4{float:right;width:50.01%;overflow: hidden;margin-left:1.8%;}
.tp4 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.tp5{float:left;width:48.16%;;    overflow: hidden;}
.tp5 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.tp6{width:48.16%;float:left;overflow: hidden;margin-top:1.8%;}
.tp6 img{width:100%;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.tp5 h3 ol{width:15%;top:20px;left:10px;position: absolute;}


.marn_3 ul li h3{width:100%;height:100%;background:rgba(0,0,0,0.3);position: absolute;top:0px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;margin-top: 0px;margin-bottom: 0px;}
/*
.marn_3 ul li:hover h3{opacity:1;background:rgba(0,0,0,0.5);cursor: pointer;}
.marn_3 ul li:hover h3 p{opacity: 1;}
.marn_3 ul li:hover img{ transform:scale(1.2);}
*/
.marn_3 ul .tp4 h3 p{margin-top:50%;font-weight:100;line-height: 40px;font-size:20px;opacity: 0;text-align: center;}
.marn_3 ul .tp5 h3 P{margin-top:20%; overflow:hidden;font-weight:100;font-size:20px;opacity: 0;text-align: center;}
.marn_3 ul .tp6 h3 P{margin-top:25%; font-weight:100;font-size:20px;opacity: 0;text-align: center;}






/*第四页*/
#y4_4{/*margin-top:50px;*/overflow: hidden;height:auto;}
.marn_4_1{width:89%;margin:0 auto;overflow: hidden;}
.marn_4{height:auto;overflow: hidden;padding-bottom: 5px;width:100%}
.marn_4 ul{width:66%;float:left;margin-bottom:75px;}
.marn_4 ul li{width:17.66%;float:left;margin-left:2.6%;border: 1px #e9e9e9 solid;margin-top:2.6%;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.marn_4 ul li:hover{-webkit-box-shadow:0px 0px 20px #cccccc;box-shadow:0px 0px 20px #cccccc;}
.marn_4 ul li img{}
.right_1{float:right;width:32.6%;overflow: hidden;position:relative;right:0px;/*border: 3px solid #e9e9e9;*/top:0px;}
.right_1 img{-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.right_1 h3{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0;margin-bottom: 0xp;margin-top: 0px;margin-bottom: 0px;}
.right_1 h3 p{font-weight:100;font-size:20px;margin-top:50%;text-align: center;}
.right_1:hover h3{opacity:1;cursor: pointer;}
.right_1:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.bottom_1{height:auto;margin-top:37px;}
.bottom_1 ul{width:100%;margin-left:0px;}
.bottom_1 ul li{float:left;margin-left:1.6%;width:32.2%;}
.bottom_1 ul li img{width:100%;}


/*第五页*/

#y5_5{width:100%;background:url(../img/fooner1.jpg);height:auto;overflow: hidden;margin-top:41px;}
.fooner{width:70%;margin:0 auto;overflow: hidden;}
.fooner ul{float:left!important;width:auto;text-align:center;margin-top:0.8%;margin-left: 14.8%;}
.fooner ul li{line-height: 30px;}
.fooner ul li a{color:#bbb;font-size:12px;}
.fooner ul li a:hover{color:aliceblue;}

.fooner_1{width:100%;height:200px;float:left;margin-top:20px;border-top: 1px solid #bbb;padding-top:0px;}
.fooner_1 ul{margin-left: 0px!important;}
.fooner_1 ul li{text-align:left;color:#bbb;font-size: 12px;}
.fooner_1 ul ol{float:right;width:100px;height:100px;margin-right: 260px;margin-top: -50px;opacity: 0;transition: all 0.2s;}
.fooner_1 ul li:hover + ol{opacity:1;}

/*移动端底部*/
.sideMenu{ display: none;}
.sideMenu h3{ height:50px; line-height:50px; padding-left:10px;  border-top:1px solid #666; background:#333; cursor:pointer;
font-size:14px;margin-bottom: 0px;margin-top: 0px;color:aliceblue;font-weight: 100;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 22px no-repeat;cursor:pointer;}
.sideMenu h3.on em{ background-position:16px -47px; }
.sideMenu ul{ padding:8px 15px; color:#E1E1E1; display:none; /* 默认都隐藏 */ background:#666;}
.sideMenu ul li{border-bottom:1px #ccc solid;margin-top: 15px;padding-bottom: 5px;}
.sideMenu ul li a{color:#E1E1E1;line-height: 20px;font-size:14px;}



/*直抵*/
.bottom-nav{ width: 100%; background-color: #222; height: 50px; position: fixed; bottom: 0px;left: 0; z-index: 99999999999; display: none;float:left;}
  .col{ width: 24.9%; border-right: 1px dotted #ccc; color: #fff; float: left; text-align: center; height: 50px; cursor: pointer; }
  .no-border{  border-right:none !important; }
  .col img{ margin: 0; padding: 0; /*display: inline-block;*/ width: 25px; margin-top: 3px; }
  .col span{ margin: 0; padding: 0; display: block; height: 14px; line-height:14px; }

  @media only screen and (max-width: 1024px){
    .bottom-nav{ display: block; }
  }
  @media only screen and (max-width: 740px){
      .col{ width: 24.8%;}
  }
  @media only screen and (max-width: 370px){
      .col{ width: 24.7%;}
  }
/*返回顶部*/
.back_to_top{
    position: fixed;
    bottom:30px;
    right: 30px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #fefefe;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
}
.back_to_top i{font-size: 40px;color: #a1a1a1;line-height:45px;}

/*移动底部*/
  @media only screen and (max-width: 1024px){
      .col{ width: 24.7%!important;}
      .back_to_top{ display: none!important; bottom: 80px;right: 10px;width: 30px;height: 30px;}
      .back_to_top i{font-size: 20px;line-height: 30px;}
	  
  }