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

@font-face {
    /* font-properties */
    font-family: pictos;
    src:url(../font/msyh.ttf)
     /* IE9 */
}
html,body{width:100%;}
body,html{font-size:14px;font-family: "Microsoft YaHei","微软雅黑" ! important;}
img{border:none;width: 100%;}
.video img {height: 100%}
ul,li,p,a,span{text-decoration:none;padding:0px;margin:0px;list-style-type: none;color:#fff;font-family: "Microsoft YaHei","微软雅黑" ! important;}
input:focus {outline:none;}
body,html{padding:0px;margin:0px;position:absolute;top:0px;}
h3{}
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;}


/*第一页*/
#y1_1{height:auto;overflow: hidden;}
.nav{width:100%;height:50px;background:#000;z-index: 999;}
.nav ul{width:calc(100% - 200px);overflow: hidden;margin:0 auto;}
.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;}
.nav ul li:hover a{background:#FDFDFD;color:#000;opacity: 1;}
.nav ul li:hover p{opacity:0;}
.logo_2{width:150px!important;height:100px;;margin-top:0px;margin:0 auto;}
.logo_2 img{width:150px;margin-top:20%;}


#li_b1{opacity: 1;padding-left: 0px;}
#li_a1{position: inherit;width:54px;height:57px;opacity: 1;padding-left: 0px;}
#li_b7{float: right;margin-right:0px;}
#li_b8{float: right;}
#li_s1{margin-left: 8px;}
#li_s2{margin-left: 8px;}
#li_s3{float:right;/*margin-right: 8px;margin-left:6px;*/}




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

.sp{z-index: -100;/*height:730px;*/overflow: hidden;}
.sp_1{position:absolute;top:10%;left:50%;width:120px;margin-left: -60px;}
.sp_1 h3{font-size:30px;}
#vis{position:relative;}
.iconfont{color:#fff;opacity: 1;position: inherit;}
/*移动端导航*/
.nav_1{display:none;width:10%;line-height:60px;margin:auto;}
.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;transition: all 0.5s;}
.nav_1 #btn .one{transform-origin: left center;transform: rotate(45deg);background: #fff;}
.nav_1 #btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;background: #fff;}
.nav_1 #btn #c{transition: all 0.5s;background: #fff;}



.navigation{width: 100%;height: 100%;background:rgba(0,0,0,0.9);position: fixed;left: 0;top: -100%;transition: all 0.5s;z-index:99999;overflow: auto;}
.kj{width:90%;margin: 50px auto;z-index: 999999999999;}
.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;transition: all 0.1s;}
.kj li div.t .arrow.up{/*background-image:url(../../yys/sj/images/xx.png);*/background-image:url(../dasai/img/xx.png);transform: rotate(180deg);}
.kj li div.t .arrow.down{/*background-image:url(../../yys/sj/images/xx.png);*/background-image:url(../dasai/img/xx.png);}
.kj li .menu{display:none;}
.kj li .menu li a{color: #bbb;padding-left: 24px;}
/*移动端导航*/

/*第二页*/
#y2_2{overflow: hidden;height:auto;position: relative;margin-top:/*72px*/50px;}
.marn_2{width:100%;height:auto;}
.marn_2 ul{width:calc(100% - 200px);margin:0 auto;overflow: hidden;}
.marn_2 ul li{position: relative;padding-bottom: 0px;}
.tp1{float:left;width:48.08%;overflow: hidden;}
.tp1 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp2{float:right;width:50.04%;;    overflow: hidden;margin-left:1.8%;}
.tp2 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp3{width:50.04%;float:right;overflow: hidden;margin-top:1.8%;margin-left:1.8%;}
.tp3 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp2 h3 ol{width:15%;top:25px;left:25px;position: absolute;}
.tp3 h3 ol{width:15%;top:25px;left:25px;position: absolute;}


.marn_2 ul li h3{width:100%;height:105%;background:rgba(0,0,0,0.3);position: absolute;top:0px;transition: all 0.3s;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 li:hover ol img{transform:scale(1.1);}



.marn_2 ul .tp1 h3 p{margin-top:50%;;font-weight:100;line-height: 30px;font-size:20px;opacity: 0;text-align: center;}
.marn_2 ul .tp2 h3 P{margin-top:18%;overflow:hidden;font-weight:100;font-size:20px;opacity: 0;text-align: center;}
.marn_2 ul .tp3 h3 P{margin-top:18%;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:56%;/*background:url(../an/1.png);*/background:url(../an/2.png);z-index: 100;opacity: 0;transition: all 0.3s;}
.tp1:hover h4{opacity:1;cursor: pointer;}

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

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

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

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

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

.son_center h4{width:44px;height:44px;/*background:url(../an/2.png);*/background:url(../an/1.png);z-index: 100;opacity: 0;transition: all 0.3s;}
.right_1:hover h4,.son_center:hover h4{opacity:1;cursor: pointer;}



/*第三页*/
#y3_3{margin-top:48px;;overflow: hidden;height:auto;position: relative;margin-top:/*75px*/50px;}
.marn_3{width:100%;height:auto;}
.marn_3 ul{width:calc(100% - 200px);margin:0 auto;overflow: hidden;}
.marn_3 ul li{position: relative;}
.tp4{float:right;width:50.04%;overflow: hidden;margin-left:1.8%;}
.tp4 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp5{float:left;width:48.08%;;    overflow: hidden;}
.tp5 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp6{width:48.08%;float:left;overflow: hidden;margin-top:1.8%;}
.tp6 img{width:100%;transition: all 0.5s;transform: scale(1.1);}
.tp5 h3 ol{width:15%;top:25px;left:25px;position: absolute;}
.tp6 h3 ol{width:15%;top:25px;left:25px;position: absolute;}

.marn_3 ul li h3{width:100%;height:100%;background:rgba(0,0,0,0.3);position: absolute;top:0px;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 li:hover ol img{transform:scale(1.1);}

.marn_3 ul .tp4 h3 p{margin-top:50%;font-weight:100;line-height:30px;font-size:20px;opacity: 0;text-align: center;}
.marn_3 ul .tp5 h3 P{margin-top:18%; overflow:hidden;font-weight:100;font-size:20px;opacity: 0;text-align: center;}
.marn_3 ul .tp6 h3 P{margin-top:18%; font-weight:100;font-size:20px;opacity: 0;text-align: center;}






/*第四页*/
#y4_4{margin-top:/*75px*/50px;overflow: hidden;height:auto;position: relative;}
.marn_4_1{width:calc(100% - 200px);margin:0 auto;overflow: hidden;margin-bottom: -5px;}
.marn_4{height:auto;overflow: hidden;padding-bottom: 5px;width:100%}
.marn_4 ul{width:66%;float:left;}
.marn_4 ul li{width:17.66%;float:left;margin-left:2.5%;border: 1px #e9e9e9 solid;margin-top:2.58%;transition: all 0.3s;}
.marn_4 ul li:hover{box-shadow:0px 0px 20px #cccccc;}
.marn_4 ul li img{}
.right_1{float:right;width:32.55%;overflow: hidden;position:relative;right:0px;/*border: 1px solid #e9e9e9;*/top:0px;}
.right_1 img{transition: all 0.5s;height: 100%}

.right_1 h3{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0px;transition: all 0.3s;opacity: 0;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{transform: scale(1.1);}

.bottom_1{height:auto;margin-top:45px;}
.bottom_1 ul{width:100%;margin-left:0px;}
.bottom_1 ul li{float:left;margin-left:1.7%;width:32.2%;overflow: hidden;height:auto;}
.bottom_1 ul li ol{overflow:hidden;/*transition: all 0.3s;*/z-index: -1;margin-top: 1px;}
.bottom_1 ul li ol img{transition:all 0.3s;}
.bottom_1 ul li ol img:hover{transform: scale(1.1);}
.bottom_1 ul li img{width:100%;z-index: 10px;}


/*第五页*/

#y5_5{height:auto;overflow: hidden;margin-top:/*72px*/50px;}
.bgb{width:100%;background:url(../img/fooner1.jpg);height:auto;overflow: hidden;}
.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; }
  .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; }
  .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: #bbb;
    border-radius: 50%;
    text-align: center;
    z-index: 99;
	
}
.back_to_top img{width:25px;height:25px;margin-top: 10px;}
.back_to_top i{font-size: 40px;color: #a1a1a1;line-height: 50px;}

.md{width:60px;height:60px;position: absolute;right:5%;top:15%;}
.md_2{width:60px;height:60px;position: absolute;top:80%;right:7%;}

.md_3{width:60px;height:60px;position: absolute;top:80%;right:7%;}

.md_4{width:60px;height:60px;position: absolute;top:73%;right:7%;}

.md_5{width:60px;height:60px;float:right;margin-right:0%;margin-top:10%;}

@media screen and (max-width:1024px) {
	.md,.md_2,.md_3,.md_4,.md_5{display:none;}
	.sp_1{display:none;}
	.sp{height:auto;}
	
}
@media screen and (max-width:1700px) {
	
	.menu_bli ul li{width:10%;}
}



/*右侧悬浮*/
/*new righ*/
.cndns-right{position:fixed;/*right:1px;*/right:30px;/*top:80%;margin-top:70px;*/z-index: 87;/*margin-right: 7%;*/bottom: 0;margin-bottom: 12px;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:60px;height:60px;text-align:center;display:block;margin-bottom:6px;position:relative;}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#e73b39;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#e73b39;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#e73b39;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#e73b39;}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#e73b39;}
.meau-sev .cndns-right-btn{;background:url(../img/ti.png) no-repeat #fff center;border: 1px #6b6b6b solid;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:0px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#fff;font-style:normal;}
.meau-top.cndns-right-meau:hover .cndns-right-btn{}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #4a8835;padding:20px;display: inline-block;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../img/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#4a8835;font-size:24px;line-height:15px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4;    display: inline-block;}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:50%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../img/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#e73b39; }
.meau-sev .cndns-right-box .box-border{width:160px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#e73b39;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#6b6b6b}
.meau-zs .cndns-right-btn{background-color:#6b6b6b;color:#fff;margin-top:80px;border-color:#e73b39}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}
/*分页*/
.fenye {text-align: center;line-height: 30px; margin: 30px 0 0;clear: both;margin-bottom: 20px}
 #xuzhong {background: #666661;color: #FFF;}
.fenye a {padding: 5px 10px; color: #666;border-radius: 5px;margin: 0 2px;font-size: 14px; text-decoration: none;}
.xuzhong_2 {background: #000!important; color: #FFF;}