/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,input,form,dl,dd,span,strong,p,em{margin:0 auto; padding:0;}
body,html{height:100%;}
img{ border:0;}
ul, li{ list-style-type:none;}
a{transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;}
a,a:hover{ text-decoration:none; color:#3f3f3f;}
body{font-family: "Microsoft YaHei"; font-size:14px; color:#3f3f3f; overflow-x:hidden; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.hiddle{display:none;}
.middle{max-width:1200px;width:90%;margin:0 auto;}
input,textarea{outline:none;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
i,em{ font-style:normal;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont1.eot'); /* IE9*/
  src: url('../font/iconfont1.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont1.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont1.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.flex_box{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}

/*header*/
.header{ position:fixed;top:0;left:0;width:100%;z-index:99;}
.logo{ background:url(../image/logo_whi.png) left center no-repeat;width:200px;height:60px;float:left;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;margin:20px 0;}
.headerfr{float:right;width:80%;}
.top{font-size:17px;color:#fff;margin-top:15px;float:right;}
.top p{float:left;}
.top1{height:20px; background:url(../image/index_ico_01.png) left center no-repeat; background-size:20px 20px;padding-left:25px;line-height:20px;margin-right:8px;color:#d80000 !important;margin-top:2px;}
.top2{height:20px; background:url(../image/index_ico_02.png) left center no-repeat; background-size:20px auto;padding-left:25px;line-height:20px;margin-top:2px;}
.top3{width:23px;height:23px;border:1px solid #888;border-radius:50%;display:block;line-height:21px;padding-left:2px;cursor:pointer;margin-left:15px; position:relative;}
.top3 i{font-size:17px;}
.top3 span{ position:absolute;top:30px;right:0;border:1px solid #ddd; background:#fff;z-index:1;padding:5px 5px 0 5px;display:none;}
.top3 span img{width:120px;}
.top3:hover span{display:block;}
.m_nav{overflow:hidden;float:right;width:100%;text-align:right;margin-top:18px;}
.group:after{visibility:hidden;display:block;content:"";clear:both;height:0}
#example-one{margin:0 auto;list-style:none;position:relative;padding-bottom:6px;}
#example-one li{display:inline-block;}
#example-one a{color:#fff;font-size:14px;float:left;text-decoration:none;text-transform:uppercase;padding:0 20px;}
#example-one a:hover{color:#000;}
#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#d80000;display:none !important;}
.current_page_item a{color:#D80000!important}
.ie6 #example-one li, .ie7 #example-one li{display:inline}
.ie6 #magic-line {bottom:-3px}
.top3{display: none;}
.banner_index{width: 100%;height: 100%;}
.pc_banner{display:none}
.banner_index{display: block;}


/*header*/

/*手机导航*/
.headerh{z-index:9993; background:none; box-shadow:none;height:100%;background:#000;visibility: visible;opacity: 1;-webkit-transition: -webkit-transform 0.4s,opacity 0.4s;transition: transform 0.4s,opacity 0.4s;}
.nav_nav_logo{width:100%;height:55px;margin-top:10px;padding-bottom:15px; background:url(../image/logo_whi.png) left top no-repeat; background-size:auto 40px;display:none;border-bottom:1px solid #282828}
.yd_nav{ position:fixed;top:11px;right:5%;width:30px;z-index:999;display:none;}
.yd_nav span{width:100%;height:2px; background:#d80000;display:block;margin:7px 0;}
.yd_navbc{ position:fixed;top:0;left:0;width:100%;height:100%;z-index:9991; background:#000;}
.headerh .nav_nav_logo{display:block;}
.headerh .logo{display:none;}
.headerh .m_nav{ position:absolute;top:10%;left:0;width:100%;text-align:left;display:block;}
.headerh .nav-wrap{border:0;}
.headerh #example-one li{width:100%;padding:0 10%;}
.headerh #example-one a{display:block;width:100%;float:inherit;color:#fff;font-size:15px;border-bottom:1px solid #282828;padding:15px 0;}
.headerh .current_page_item a{color:#a5a5a5 !important;}
.headerhx{ position:absolute;top:0;right:5%;color:#fff;font-size:40px;display:none;}
.headerh .yd_nav{display:none;}
.headerh .headerhx{display:block;}
/*手机导航*/

/*footer*/
.yqlj{overflow:hidden;background:#232323;border-top:8px solid #d80000;border-bottom:1px solid #1c1c1c;padding:20px 0; font-size:12px;position:relative;z-index:9;}
.yqljfl{float:left;width:8%;text-align:center;color:#666;line-height:25px;}
.maquee{width:92%;float:left;font-size:12px;color:#4f4f4f;height:25px;line-height:25px;overflow:hidden;font-size:12px;}
.maquee a{color:#4f4f4f;margin-right:15px;}
.maquee a:hover{color:#fff;}
.maquee{ overflow-y:scroll;}
.maquee::-webkit-scrollbar{width: 4px;height: 4px;}
.maquee::-webkit-scrollbar-button {display: none;}
.maquee::-webkit-scrollbar-track {display:none;}
.maquee::-webkit-scrollbar-track-piece{background:rgba(204,204,204,0.1);}
.maquee::-webkit-scrollbar-thumb{background:rgba(204,204,204,0.2);}
.maquee::-webkit-scrollbar-corner{background: #ffffff;}

.foot{overflow:hidden; background:#232323;padding-bottom:30px;position:relative;z-index:9;}
.foot .middle,.yqlj .middle{width:1000px;overflow:hidden;}
.footfl{float:left;width:70%;text-align:center;font-size:12px;color:#4f4f4f;line-height:24px;color:#888;}
.footfl a{color:#888;}
.footfl_b{display:block;font-size:22px;color:#a7a7a7;line-height:50px;padding-top:50px;padding-bottom:10px;font-weight:bold;}
.footfr{float:right;width:30%;text-align:center;overflow:hidden;padding-top:20px;}
.footfr p{display:block;width:50%;float:left;}
.footfr p img{width:80%;}
.footfr p span{display:block;font-size:12px;color:#fff;line-height:24px;}
/*footer*/


.top_fh {width:54px; height:224px; position:fixed; right:0; top:70%; margin-top:-112px; z-index:10000; display:none}
.top_fh li { width:54px; height:54px; float:left; position:relative; margin-top:2px; background:#656565}
.top_fh li a,.top_fh li .right_1 {line-height:54px; font-size:14px; color:#fff; display:block; height:54px; width:54px !important; position:absolute; right:0; top:0; overflow:hidden;}
.top_fh li a img,.top_fh li .right_1 img{ float:right;max-width:100%;}
.top_fh li:hover { background:#d80000 !important;transition:all 0.5s;}
.top_fh li a:hover,.top_fh li:hover a,.top_fh li:hover .right_1{ background:#d80000 !important;transition:all 0.5s;width:175px !important;}
.top_fh li .top_fh_kf{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0;
}



/* 新PCbanner */
.ind_banner_box {
		/*height: 100vh;*/
		height:calc(100vw * 1080 / 1920);
		max-height:100vh;
    position:relative;
	}
	.ind_banner_box .swiper-container {
		height: 100%;
	}
	.banner_img_box {
	  width: 100%;
	  height: 100%;
	  position: relative;
	}
	.banner_img_box .banner_img {
		width: 100%;
	    height: 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    transform: scale(1.2);
	}

  .banner_img_box .banner_text_img_box {
    width: 35.833%;
    position: absolute;
    left: 54%;
    top: 49.5%;
    transform: translate(-50%, -50%); }
    .banner_img_box .banner_text_img_box img {
      width: 100%;
      display: block; }


.ind_banner_box .banner_img_box {
  transform: scale(1.5);
  transition: all .5s ease-in-out; }
  .ind_banner_box .banner_img_box .banner_text_img_box {
    transform: translate(-50%, -50%) scale(1.25);
    opacity: 0;
    transition: all 0s ease; }

.ind_banner_box .active .banner_img_box {
  transform: scale(1);
  transition: all 0s ease; }
  .ind_banner_box .active .banner_img_box .banner_img {
    transform: scale(1);
    transition: all 3s ease; }
.ind_banner_box .active .banner_img_box .banner_text_img_box {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all .3s ease;
}
.ind_banner_box .swiper-pagination{
  bottom:4vh;
  width:100%;
  text-align:center;
}
.ind_banner_box .swiper-pagination-bullet{
  width:5px;
  height:5px;
  background:#fff;
  opacity:.4;
  position:relative;
  outline:none;
}
.ind_banner_box .swiper-pagination-bullet+.swiper-pagination-bullet{
  margin-left:57px;
}
.ind_banner_box .swiper-pagination-bullet:before{
  content:"";
  position:absolute;
  width:41px;
  height:3px;
  background:url(../image/banner_dot.png) no-repeat center center;
  left:-49px;
  top:1px;
}
.ind_banner_box .swiper-pagination-bullet:nth-of-type(1):before{
  display:none;
}
.ind_banner_box .swiper-pagination-bullet:after{
  content:"";
  width:15px;
  height:15px;
  border:solid 1px #fff;
  position:absolute;
  top:-5px;
  left:-5px;
  transform:rotate(45deg);
}
.ind_banner_box .swiper-pagination-bullet-active{
  opacity:1;
  background:#d80000;
}
.ind_banner_box .swiper-pagination-bullet-active:before{
  opacity:.4;
}

@media (max-width:1024px){
  .banner_index{height: auto;}
  .pc_banner{display:block}
.banner_index{display: none;}
.ind_banner_box{display:none;}

}

/* 底部图标 */
.m_bot_fix{
  display:none;
}

.change_qq_way{
  font-size:12px;
  color:#fff;
  text-align:right;
  margin-top:10px;
}

@media screen and (max-width:767px){
  .home_header{
    background:rgba(0,0,0,0);
    transition:background-color .35s;
  }
  .home_header.active{
    background:rgba(0,0,0,.85);
  }
  .home_header.headerh{
    background:#000;
  }
  .top_fh{
    display:none !important;
  }
  .m_bot_height{
    height:10px;
  }
  .m_bot_fix.hm_bot_fix{
    bottom:-80px;
  }
  .m_bot_fix{
    display:block;
    position:fixed;
    left:0;
    bottom:0;
    z-index:10000;
    width:100%;
    border-top:solid 1px #dfdfdf;
    background:#fff;
    transition:all .35s;
  }
  .m_bot_fix ul{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
  }
  .m_bot_fix ul li{
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
  }
  .m_bot_fix ul li a{
    height:60px;
    color:#333;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-direction:column;
    flex-direction:column;
    position:relative;
  }
  .m_bot_fix ul li:not(:nth-last-of-type(1)) a:after{
    content:"";
    position:absolute;
    width:1px;
    height:30px;
    background:#dfdfdf;
    top:50%;
    right:0;
    transform:translateY(-50%);
  }
  .m_bot_fix ul li a span{
    height:24px;
    position:relative;
  }
  .m_bot_fix ul li a span em{
    position:absolute;
    top:-4px;
    right:-10px;
    width:16px;
    height:16px;
    line-height:16px;
    border-radius:50%;
    background:#d80000;
    text-align:center;
    font-size:12px;
    color:#fff;
    font-family:arial;
    animation:ballShow 1.2s cubic-bezier(.43,.2,.02,1) infinite;
  }
  .m_bot_fix ul li a span .iconfont{
    font-size:20px;
  }
  .m_bot_fix ul li a p{
    font-size:13px;
  }

  @keyframes ballShow{
    0%{
      opacity:0;
    }
    100%{
      opacity:1;
    }
  }

  /* banner */
  .swiper-container.banner{
    margin-top:0 !important;
  }
  .swiper-container.banner .swiper-slide{
    /*height:calc(100vw * 420 / 750) !important;*/
    height:100vh !important;
    overflow:hidden;
  }
  .swiper-container.banner .swiper-slide .swiper_img{
    height:100vh;
    transform:scale(1.25);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
  }
  .swiper-container.banner .swiper-slide-active .swiper_img{
    transform:scale(1);
    transition:all 2s;
  }
  .swiper-container.banner .banner_mouse{
    position:absolute;
    width:30px;
    bottom:calc(20px + 4vh);
    left:50%;
    margin-left:-15px;
    z-index:5;
  }
  .swiper-container.banner .banner_mouse img{
    display:block;
    width:100%;
    -webkit-animation: start 2s infinite ease-in-out;
    -moz-animation: start 2s infinite ease-in-out;
    -o-animation: start 2s infinite ease-in-out;
    animation: start 2s infinite ease-in-out;
  }
  @-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,-20px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,20px);}
  }
  @-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,-20px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,20px);}
  }
  @-o-keyframes start{
    0%,30%{opacity:0;-o-transform:translate(0,-20px);}
    60%{opacity:1;-o-transform:translate(0,0);}
    100%{opacity:0;-o-transform:translate(0,20px);}
  }
  @keyframes start {
    0%,30% {opacity: 0;transform: translate(0,-20px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,20px);}
  }

  /* 关于我们 */
  .xabout_p2fl .xabout_p2flzy{
    right:18% !important;
  }
  .xabout_p2fl .xabout_p1fl_text{
    left:14% !important;
  }
  .xabout_p3 .xabout_p2fl .xabout_p1fl_text{
    left:35% !important;
  }
  .xabout_p3 .xabout_p2fl .xabout_p2flzy{
    left:17% !important;
  }



}

/* 列表翻页 */
  .fy li.pagspan1 a,
  .fy li.active a{
    border-color:#d80000;
    color:#d80000;
  }
	
@media screen and (min-width:1680px){
	.middle{
		max-width:1400px;
	}
	.header .middle{
		width:1400px !important;
	}
	#example-one a{
		font-size:16px;
	}
	.ywjs_box1 .ywjs_con ul li{
		width:660px !important;
	}
	.ywjs_box1 .ywjs_con ul li .ywjs_top .ywjs_video{
		height:372px !important;
	}
	.index_p6ul_rq,
	.news_listnr_img{
		width:164px !important;
	}
	.index_p6ul_text,
	.news_listnr_fr{
		width:calc(100% - 190px) !important;
	}
	.solve_listnr_img{
		height:142px !important;
	}
	.solve_listnr ul li{
		margin-top:40px !important;
	}
	
}

@media screen and (min-width:1025px){
  *{
    margin:0;
  }
  /* header */
  .header .middle{
    height:80px;
    width:1200px;
    max-width:none;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:space-between;
    justify-content:space-between;
  }
  .header .logo{
    margin:0;
    height:50px;
    background-size:contain;
  }
  .header .m_nav{
    margin:0;
    width:auto;
  }
  .header .top{
    margin:0;
  }
  .header .top1{
    margin-top:0;
  }
  .header .top1,
  .header .top2{
    font-size:14px;
    float:none;
  }
  .header .top2{
    margin-top:5px;
  }
  .header .top ~ .clear{
    display:none;
  }
  .header #example-one{
    padding-bottom:0;
  }
  .header #example-one a:hover{
    color:#d80000 !important;
  }
	.header{
		transition:all .35s;
	}
	.header.active,
  .header.inner_header{
		background:rgba(255,255,255,.9);
		box-shadow:0 0 20px rgba(0,0,0,.08);
	}
	.active .logo,
  .inner_header .logo{
		background-image:url(../image/logo_bla.png);
	}
	.header.active #example-one a,
  .header.inner_header #example-one a{
		color:#333;
	}
	.active .top,
  .inner_header .top{
		color:#333;
	}

  /* banner */
  .ind_banner_box{
    height:100vh;
  }
  .ind_banner_box .swiper-button-white{
    display:none;
  }
  .header ~ .ny_banner,
  .header ~ .about_banner{
    margin-top:0;
  }
  .top_fh{
    right:-200px;
    transition:right .5s;
  }
  .top_fh.inner_top_fh{
    right:0;
  }
  .top_fh li a img:nth-of-type(1),
  .top_fh li .right_1 img:nth-of-type(1){
    max-height:100%;
  }

  .index_p4_img>img{
    display:none !important;
  }

  

  



}