@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}

html,body{  font-family: "Microsoft YaHei","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden;  }

/*body a{outline:none;blr:expression(this.onFocus=this.blur());}*/




.index_container{ width: 1680px; margin: 0 auto;}
@media screen and (max-width:1700px){
.index_container{ width:96%!important;}
}
/*gundong*/
::-webkit-scrollbar
{
width: 5px;
height:5px;
}

::-webkit-scrollbar-track
{
border-radius: 0px;
background: #000000;
}

::-webkit-scrollbar-thumb
{
border-radius: 5px;
background:#be1920;
}

::-webkit-scrollbar-thumb:hover
{
border-radius: 5px;
background:#be1920;
}



/*nav*/
.nav_container{ width:1680px; height:110px; background:rgba(255,255,255,0.7);  z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:absolute; top:40px; left:50%; margin-left: -840px; border-radius: 20px;}

.nav_content{ width:100%; box-sizing: border-box; padding: 0 35px;}
.nav_content h1{float:left; }
.nav_content img.logo{ height:63px; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;margin-top:25px;}
.nav{ float:right;}
.nav ul li{ float:left; font-size:20px; letter-spacing:1px; box-sizing: border-box; position:relative;}

.nav ul li a{ color:#333333;margin:0 1.8vw;line-height:110px; display:block; height:110px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; letter-spacing: 1px; border-bottom: 3px solid transparent;}
.nav ul li a:hover,.nav ul li a.cur{ color:#be1920; border-bottom: 3px solid #be1920;}

.nav_line{ float: right; width: 1px; height: 32px; background: #7d7f80; margin: 40px 30px 0 30px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav_call{ float:right; position:relative; margin-left:30px;}

.nav_call_img{ overflow:hidden; height:110px; line-height:110px; box-sizing:border-box;}
.nav_call_img img{ margin-top:33px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav_call .call_num{ position:absolute;right:-1100%; overflow:hidden; padding:20px 20px; background:#ea0b2a; color:#fff; border-radius:8px; opacity:0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box;width: 350px; }




.nav_call .call_num_t{ position:absolute;right:-1100%; overflow:hidden; padding:10px 10px; background:rgb(255 255 255 / 70%); color:#fff; border-radius:3px; opacity:0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;  box-sizing: border-box;width: 310px;}
.call_num_img{width: 80px;display: block;float: left; }


.call_num_word{overflow: hidden;white-space:nowrap;float:right; margin-top: 20px;}
.call_num_word h3{ font-size: 14px;line-height: 1.5em;font-weight: normal;color: #fff;}
.call_num_word p{font-size: 22px; line-height: 1.5em;color: #fff;}
.nav_call:hover .call_num{ opacity:1;right:0; }

.call_num_t_img{width: 20px;display: block;float: left; }
.call_num_t_word{overflow: hidden;white-space:nowrap;float:right; margin-top: 20px;}
.call_num_t_word h3{ font-size: 14px;line-height: 1.5em;font-weight: normal;color: #fff;}
.call_num_t_word p{font-size: 22px; line-height: 1.5em;color: #fff;}

.nav_call:hover .call_num_t{ opacity:1;right:0; }



.fixedhead{ height:90px;background:rgba(255,255,255,0.9); box-shadow: 0 5px 20px #ccc; top:10px;}
.fixedhead img.logo{height: 54px; margin-top: 18px;}

.fixedhead .nav ul li a,.fixedhead .nav_call_img{line-height: 90px;
    height: 90px;}
.fixedhead .nav_call_img img{ margin-top: 20px;}
.fixedhead .nav_line{ margin-top: 30px;}


@media screen and (max-width:1700px){
.nav_container{ width:96%;left:2%; margin-left:0; }
}
@media screen and (max-width:1450px){
.nav_container{  height:90px;}
.nav_content img.logo{ height: 54px; margin-top: 18px;}
.nav ul li a,.nav_call_img{ height: 90px; line-height: 90px;}
.nav ul li{ font-size: 18px;}
.nav_call_img img{ margin-top: 20px;}
.nav_line{ margin-top: 30px;}
}

@media screen and (max-width:1300px){
.nav_line{ margin: 30px 1vw 0;}
.nav_call{ margin-left: 1vw;}
.nav ul li a{margin: 0 1.5vw;}

}

@media screen and (max-width:1150px){
.nav_content img.logo{    height: 44px;margin-top: 23px;}
.nav ul li a{margin: 0 1.2vw;}
}

@media screen and (max-width:1000px){
.nav_content{    padding: 0 20px;}
}

@media screen and (max-width:950px){
.nav ul li a{margin: 0 1vw;}
}








/*手机端导航*/

.header2 { width:100%; height:5vh; background:rgba(255,255,255,1); color:#dcdcdc;padding:1.5vh 0; overflow:hidden; z-index: 10; border-bottom:1px solid #ff2a00; display: none; position: absolute; top: 0; left: 0;}
.header2 img { height:4vh; display:block; margin:0 auto;}
.header2 .top_dh { width:20%;position: relative; float:left;top: 50%;transform: translateY(-50%); }
.header2 .mobile_logo { width:60%; display:block; float:left; text-align:center; color:#FFF; font-weight:normal;position: relative;top: 50%;transform: translateY(-50%); }

.header2 .mobile_logo img { height:6vw;}
.header2 .top_ss { width:20%; float:left;position: relative;top: 50%;transform: translateY(-50%); }
.nav_bg_m { position:fixed; left:-50%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background-image: linear-gradient(to bottom right, #CA0915, #CA0915);
 -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  background-size:cover;
   padding-top:8vh;

}
.nav_gb_m { position:fixed; right:-100%; width:50%; height:92vh; overflow-x:hidden; top:0; z-index:9; background:rgba(0,0,0,0.8);
 -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
   background-size:cover;    padding-top:8vh;
}
.nav_bg_m_img{ width: 50%; position: absolute; left: 25%; bottom: 12vh;}
.nav_bg_m_img img{ display: block; width: 100%; height: auto;}


.nav_gb_m img{ width:20px; z-index:11; right:5vw; top:12vh; position:absolute;}
.mobile_logo2 { width:100%;    margin: 5vh auto 2vh auto;}
.mobile_logo2 img { width: 65%; margin:0 auto; display:block;}
.nav_mobile { display:block; width:100%; text-align:center; overflow:hidden;margin-top: 3vh;}
.nav_mobile li { width: 90%;position: relative;font-size: 16px; letter-spacing:1px; overflow:hidden; margin:2vh auto;}
.nav_mobile li a { color:#fff;  width: 100%; display:block;    padding: 1vh 0;}
.nav_mobile li a.cur { color:#fff; border-bottom: 1px solid #fff;}

@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}
}

@media screen and (max-width:680px){
.header2 .mobile_logo img { height:8vw;}
}

@media screen and (max-width:500px){
.header2 .mobile_logo img { height:7vw;}
}


/*banner*/

.banner_content{ width:100%; height:100vh; position:relative;}
.banner{ width: 100%;
        height: 100vh;}


.banner .swiper-slide {
        background-position: center;
        background-size: cover;

    }

.bannerfenye .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px;background:#ffffff; opacity: 0.5;}
.bannerfenye .swiper-pagination-bullet-active{ background:#be1920; opacity: 1;}
.swiper-container-horizontal>.bannerfenye {
        bottom: 130px!important;}

@keyframes animate {
            0% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1.00);
            }
  }
.banner .swiper-slide-active{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}

.mbanner{ display:none; margin-top: 8vh;}
.mbanner_next{ width:24px; height:45px; background:url(../images/jiantou_you.png) no-repeat center center; position:absolute; right:5px; top:50%; z-index:2; background-size: 100%; margin-top: -22.5px; opacity: 0.8;}
.mbanner_prev{ width:24px; height:45px; background:url(../images/jiantou_zuo.png) no-repeat center center; position:absolute; left:5px; top:50%; z-index:2;background-size: 100%;margin-top: -22.5px;opacity: 0.8;}
@media screen and (max-width:900px){
.banner_content{ display:none;}
.mbanner{ display:block;}
.mbanner img{ width:100%; height:auto;}
}

/* banner_nav */
.banner_nav_container{position:absolute; left: 0; bottom: 0; z-index: 2;  width: 100%;}

.banner_nav_container ul{ display: table;  margin: 0 auto;}
.banner_nav_container ul li{ width: 340px; height: 100px; float:left; margin: 0 9px; background: rgba(0,0,0,0.8);transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box;}
.banner_nav_container ul li a{ display: block;width: 100%; height: 100%;}

.banner_nav_container ul li img{ height: 50px; float: left;}
.banner_nav_word{ float: left; margin-left: 20px;}
.banner_nav_word h3{ font-weight: normal; font-size: 22px; line-height: 1.1em; letter-spacing: 0.6px; color: #be1920;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.banner_nav_word p{ font-size: 16px; letter-spacing: 2px; color: #fff;line-height: 1.5em; margin-top: 5px;}
.banner_nav_content{ display: table; margin: 28px auto 0;}
.banner_nav_container ul li:hover{background: rgba(190,25,32,0.7);}
.banner_nav_container ul li:hover h3{ color: #fff;}

@media screen and (max-width:1130px){
.banner_nav_container{ width: 96%; left: 2%;}
.banner_nav_container ul{ display: inline;}
.banner_nav_container ul li{ width: 32%; margin-right: 2%; margin-left: 0;}
.banner_nav_container ul li:nth-child(3n){ margin-right: 0;}

}

/* about */
.index_about_container{ background: #f3f3f3; width: 100%;  overflow: hidden;}
.index_about_right{ width: 38.5%; float: right;  overflow: hidden; position: relative;}

.index_about_right img.index_about_peitu{ width: 100%; height: auto; display: block;}

.index_about_right img.index_about_xian{ position: absolute; left: 0; top: 0; display:block;}

.index_about_word_content{ position: relative; margin-top: 5%;}


.index_about_word{ width: 60%; position: absolute; left: 0;}
.index_about_word_top h3{ font-size: 40px; color: #333333; line-height:1em; letter-spacing: 0.6px;}
.index_about_word_top h4{ font-size: 22px; font-weight: normal; letter-spacing: 0.6px; color: #434343; line-height: 1.5em; margin-top: 2%; margin-bottom: 3%;}
.index_about_word_top p{ font-size: 16px; letter-spacing: 0.6px; color: #6b6b6b; line-height: 2em;}

.index_about_line{ width: 200px; height: 12px; background: #d5d5d5; margin: 6% 0 8%; overflow: hidden;}
.index_about_word_num{ width: 100%;}

.index_about_word_num ul li{ float: left; padding-right: 5%; margin-left: 3%;}
.index_about_word_num ul li:first-child{ margin-left: 0;}

.index_about_word_num ul li h5{ font-weight:normal; font-size: 24px; line-height: 1em; color: #be1920;}
.index_about_word_num ul li h5 span{ font-weight: bold; font-size: 62px; letter-spacing: 0.4px; margin-right: 5px;}
.index_about_word_num ul li p{ font-size: 18px; line-height: 1.5em; color: #000; letter-spacing: 0.6px; margin-top: 20px;}
.index_about_word_content h6{ width: 160px; height: 50px; text-align: center; line-height: 50px; font-weight: normal; font-size: 16px; letter-spacing: 0.4px; border-radius: 5px; overflow: hidden; margin-top: 8%; position: relative; z-index: 5;}
.index_about_word_content h6 a{ background: #be1920; color:#fff; display: block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_about_word_content h6 a:hover{ background: #fa8c35;}
.m_about_peitu{ display: none;}

.index_about_bottom_line{ width: 50%; height: 23px; background: #346e97; display: inline; position: absolute; right: 0;}

.index_about_bottom_linet{ width: 100%; height: 23px; background: #fff; display: inline; position: absolute; right: 0;}

@media screen and (max-width:1700px){
.index_about_word_num ul li{ padding-right: 1vw; margin-left: 2vw;}
}
@media screen and (max-width:1500px){
.index_about_word_num ul li{ padding-right: 1vw; margin-left: 1vw;}
}

@media screen and (max-width:1450px){
.index_about_word_top h3{ font-size: 38px;}
.index_about_word_top h4{ font-size: 20px;}
.index_about_word_num ul li h5 span{ font-size: 56px;}
.index_about_word_num ul li h5{ font-size: 22px;}
.index_about_word_num ul li p{ font-size: 16px;}
.index_about_word{ width: 67%;}
.index_about_word_num ul li{ padding-right: 1vw; margin-left: 3vw;}
}

@media screen and (max-width:1350px){
.index_about_line{ margin: 4% 0 5%;}
.index_about_word_content h6{ margin-top: 6%;}
}

@media screen and (max-width:1300px){
.index_about_word_num ul li{ padding-right: 0; margin-left: 3vw;}
.index_about_word_content h6{ margin-top: 4%;}
.index_about_word_top h4{ margin-top: 1.5%; margin-bottom: 2%;}
}

@media screen and (max-width:1200px){
.index_about_right img.index_about_peitu{ height: 608px; width: auto;}
.index_about_word_num ul li h5 span{ font-size: 50px;}
.index_about_word_num ul li{margin-left: 3vw;}
.index_about_word{ width: 70%;}
}

@media screen and (max-width:1100px){
.index_about_word_num ul li{margin-left: 2vw;}
}

@media screen and (max-width:1050px){
.index_about_word_num ul li{margin-left: 1.5vw;}
.index_about_word_num ul li h5 span{ font-size: 42px;}
}

@media screen and (max-width:1000px){
.index_about_word{  width: 100%; position: static;}
.index_about_right{ display: none;}
.index_about_word_content{ margin-top: 0;}
.index_about_container{ padding: 5% 0;}
.m_about_peitu{ width: 100%; margin-top: 3%; display: block;}
.m_about_peitu img{ display: block; width: 100%; height: auto;}
.index_about_word_num ul li{ margin-left: 6vw;}
}

@media screen and (max-width:800px){
.index_about_word_num ul li{ margin-left: 2vw;}

}


@media screen and (max-width:700px){
  .index_about_word_num ul li{ width:49%; margin: 0 2% 0 0; padding: 0; text-align: center; background: #fff; margin-bottom: 2%; height: 25vw;display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
      justify-content: center; box-sizing: border-box; padding: 0 3%;}
  .index_about_word_num ul li:nth-child(2n){ margin-right: 0;}
  .index_about_word_num ul li h5{ margin-top: 1.5vw;}
  .index_about_word_num ul li p{ margin-top: 8%;}
  .m_about_peitu{ margin-top: 0;}
}

@media screen and (max-width:560px){
.index_about_container{ padding: 6% 0;}
.index_about_word_top h3{ font-size: 5.8vw;}
.index_about_word_top h4{ font-size: 4.2vw; margin: 2.5vw 0 3.5vw;}
.index_about_word_top p{ font-size: 3.8vw;}
.index_about_line{ width: 100%; height: 8px; margin: 3vw 0;}
  .index_about_word_num ul li{ height: 33vw; padding: 0 2vw;}
.index_about_word_num ul li p{ font-size: 3.6vw; margin-top: 2.5vw;}
.index_about_word_num ul li h5{ font-size: 4.2vw; margin-top: 3.8vw;}
.index_about_word_num ul li h5 span{ font-size: 8vw; margin-right: 0.6vw;}
.index_about_word_content h6{ margin: 3% auto 0; font-size: 3.6vw; line-height: 10vw; height: 10vw; width: 40vw;}
}

/*main business*/

.main_business_container{ position: relative; margin-top: -11%; z-index: 3; margin-bottom: -1%;}
.main_business_content{ width: 84%; margin: 0 auto; padding: 5% 0;}
.business-next,.business-prev{ width: 64px; height: 120px; position:absolute; top: 50%; margin-top: -60px; background-size: 100%; z-index: 2; opacity: 0.5;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.business-prev{ background: url(../images/jiantou_zuo.png) no-repeat center center; left: 0;}
.business-next{ background: url(../images/jiantou_you.png) no-repeat center center; right: 0;}
.business-next:hover,.business-prev:hover{ opacity: 1; }

.main_business_word_content{ width: 100%; position: relative; overflow: hidden;}
.main_business_content .main_business_word_content img{ width: 100%; height: auto; display:block;}

.main_business_word{ width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.7); left: 0; top: 0; box-sizing: border-box; padding: 20% 12%; color: #fff;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.main_business_word h3{ font-size: 30px; font-weight: normal; letter-spacing: 0.6px; line-height: 1.5em;}
.main_business_word h5{ font-weight: normal; text-transform: uppercase; font-size: 25px; line-height: 1.3em; font-family:"Arial"; margin-top: 5px; letter-spacing: 0.6px;}
.main_business_word p{ font-size: 14px; line-height: 1.9em; letter-spacing: 0.6px; margin-top: 5%; text-align: justify; opacity: 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.main_business_word h6{ width: 140px; height: 45px; line-height: 45px; font-size: 14px;  font-weight: normal;letter-spacing: 0.6px; border-radius: 5px; text-align: center; overflow:hidden; position: absolute; bottom: 15%; opacity: 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.main_business_word h6 a{ background: #fff;color: #be1920;display: block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.main_business_word h6 a:hover{ background: #fa8c35; color: #fff;}

.main_business_content .swiper-slide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.main_business_content .swiper-slide-active,.main_business_content .swiper-slide-duplicate-active{
   -webkit-transform:scale(1.2,1.2)!important;transform:scale(1.2,1.2)!important; z-index:2;overflow: visible;
  	}

.main_business_content .swiper-slide-active .main_business_word,.main_business_content .swiper-slide-duplicate-active .main_business_word{background: rgba(190,25,32,0.8); }

.main_business_content .swiper-slide-active .main_business_word p,.main_business_content .swiper-slide-duplicate-active .main_business_word p{ opacity: 1;}

.main_business_content .swiper-slide-active .main_business_word h6,.main_business_content .swiper-slide-duplicate-active .main_business_word h6{opacity: 1;}

@media screen and (max-width:1450px){
.main_business_container{ margin-top: -8%;}
.main_business_word h3{ font-size: 28px;}
.main_business_word h5{ font-size: 20px;}
.main_business_word p{ font-size: 13px;}
.main_business_word h6{ font-size: 13px;}
}

@media screen and (max-width:1200px){
.main_business_word{ padding: 10% 12%;}
.main_business_word h6{ bottom: 10%; height: 40px; line-height: 40px; width: 130px;}
}

@media screen and (max-width:1000px){

.main_business_container{ margin-top: 5%;}
.index_about_bottom_line{ display: none;}

.main_business_content{ width: 100%;}
.business-next, .business-prev{ width: 46px; height: 87px; margin-top: -43.5px; background-size: 100%;}

}

@media screen and (max-width:900px){
.main_business_content .swiper-slide-active .main_business_word p, .main_business_content .swiper-slide-duplicate-active .main_business_word p{ display: none;}
.main_business_word h3{ font-size: 24px;}
.main_business_word h5{ font-size: 18px;}
.main_business_word{ padding: 12% 12%;}
}

@media screen and (max-width:600px){

  .main_business_content .swiper-slide-active, .main_business_content .swiper-slide-duplicate-active {
      -webkit-transform: scale(1,1)!important;
      transform: scale(1,1)!important;
  }
  .main_business_content .swiper-slide-active .main_business_word, .main_business_content .swiper-slide-duplicate-active .main_business_word
  {    background: rgba(0,0,0,0.7);}

  .main_business_word h6{opacity: 1;}
  .main_business_content{ padding: 0;}
}
@media screen and (max-width:560px){
.main_business_container{ margin-top: 6%;margin-bottom: 0;}
.main_business_word h3{ font-size: 4.3vw;}
.main_business_word h5{ font-size: 3.8vw;}
.main_business_word h6{ width: 58%; font-size: 3.6vw; height: 8vw; line-height: 8vw; left: 21%;}
.business-next, .business-prev{ width: 34px; height: 65px; margin-top: -32.5px;}

}

/* project */
.index_projtct_container{ width: 100%; margin-top: 5%;}
.index_projtct_title{ position: relative; margin-bottom: 3%;}
.index_projtct_title h3{ font-size: 42px; color: #333333; letter-spacing: 0.2px; line-height: 1.3em;}
.index_projtct_title h4{ font-size: 26px; font-family:"Arial"; font-weight: normal; color: #434343; line-height: 1.2em; text-transform: uppercase; margin-top: 3px;}
.index_projtct_title h6{ position: absolute; right: 0; bottom: 5px; font-weight:normal; letter-spacing: 0.4px; font-size: 20px;  line-height: 1em;}
.index_projtct_title h6 a{color: #be1920;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_projtct_title h6:hover a{color: #fa8c35;}
.index_project_top{ width: 100%; height: 86px; background: url(../images/xiangmu_top.png) no-repeat center center;}
.index_project_list_content{ width: 100%; height: 640px; position: relative; overflow: hidden;}
.index_project_list_content img{position: absolute; left: 50%; margin-left: -960px;}
.index_project_img{ width: 100%; overflow:hidden;}

.index_project_content .swiper-slide-active img{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}

.index_project_word_content{ width: 1680px; margin: 0 auto;position:absolute; height: 90%; top: 0; left: 50%; margin-left: -840px; z-index: 0;}
.index_project_word{ position: relative; float: right; width: 550px; height: 100%; background: rgba(190,25,32,0.8); box-sizing: border-box; padding: 90px 45px; }
.index_project_word h3{ font-weight: normal; font-size: 30px; line-height: 1.3em; letter-spacing: 0.4px; text-align: center; margin-bottom: 40px;color: #fff;}
.index_project_word h4{ font-size: 18px; line-height: 1.3em; letter-spacing: 0.4px; font-weight: normal; margin-top: 10px;color: #fff;}
.index_project_word p{font-size: 16px; line-height: 1.9em; letter-spacing: 0.4px; margin-top: 10px;color: #fff;}
.project_shuxing{ margin-bottom: 25px;}
.index_project_word h6{ font-size: 16px; line-height: 1.3em; letter-spacing: 0.4px; font-weight: normal; position:absolute; left: 45px; bottom: 100px;}
.index_project_word h6 a{ color: #fff;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; border-bottom: 1px solid transparent; padding-bottom: 10px;}
.index_project_word h6 a:hover{border-bottom: 1px solid #fff;}

.project_fenye .swiper-pagination-bullet{ width:18px; height:18px; margin:0 5px;background:#ffffff; opacity: 0.5;}
.project_fenye .swiper-pagination-bullet-active{ background:#be1920; opacity: 1;}
.swiper-container-horizontal>.project_fenye {
        bottom: 40px!important; z-index: 3; width: 1680px!important; margin: 0 auto; left: 50%!important; margin-left: -840px;text-align: left;}

.project-next,.project-prev{ display: none;}

@media screen and (max-width:1700px){
.index_project_word_content{ left: 2%; margin-left: 0;}

.swiper-container-horizontal>.project_fenye {
      width: 96%!important; left: 2%!important; margin-left: 0;}
}

@media screen and (max-width:1450px){
.index_projtct_title h3{ font-size: 40px;}
.index_projtct_title h4{ font-size: 24px;}
.index_projtct_title h6{ font-size: 18px;}
.index_project_word h3{ font-size: 28px;}
.index_project_word h4{ font-size: 17px;}
}

@media screen and (max-width:1000px){
.index_project_list_content{ height: auto;}
.index_project_list_content img{ position: static; width: 100%; height: auto; left: 0; margin-left: 0;}
.index_project_word_content{ position:static; left: 0; width: 100%!important; background: #f3f3f3; padding: 4% 0;}
.index_project_word{ width: 96%; height: auto; padding: 0; float: none; position: static; background: none; margin: 0 auto 0;}
.index_project_word h6{ position:static; left: 0; bottom:0; margin-top: 15px;}
.index_project_word h6 a{color: #434343;}
.index_project_word h6 a:hover{border-bottom: 1px solid #434343;}
.index_project_word h3{color: #333333; margin-bottom: 4%;}
.index_project_word h4{color: #434343;}
.index_project_word p{color: #6b6b6b;}
.project_shuxing{ margin-bottom: 2%;}

.project_fenye,.index_project_top{ display: none;}


.project-next,.project-prev {
    width: 46px;
    height: 87px;
    background-size: 100%;
    position: absolute;
    z-index: 2;
    top:11vw;
opacity: 0.5;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; display: block;
}
.project-next {
    background: url(../images/jiantou_you.png) no-repeat center center;
    right: 2%;background-size: 100%;
}
.project-prev {
    background: url(../images/jiantou_zuo.png) no-repeat center center;
    left:2%;background-size: 100%;
}
.project-next:hover,.project-prev:hover{ opacity: 1; }
}

@media screen and (max-width:560px){
  .project-next,.project-prev {
      width: 34px;
      height: 65px;
      top:9vw;

  }

  .index_projtct_container{ margin-top: 6%;}
  .index_projtct_title{ margin-bottom: 4%;}
  .index_projtct_title h3{ font-size: 6vw;}
  .index_projtct_title h4{ font-size: 4.2vw;}
  .index_projtct_title h6{ font-size: 3.6vw;}
  .index_project_word p{ font-size: 3.8vw; text-align: justify;}
  .index_project_word h3{ font-size: 4.8vw;text-align: left; line-height: 1.5em;}
  .index_project_word h4{ font-size: 4vw;}
.index_project_word h6{ font-size: 3.6vw;}
.index_project_word_content{ padding: 6% 0;}
}

@media screen and (max-width:400px){
  .project-next,.project-prev {
      top:8vw;
  }
}


/* news */
.index_news_container{ width: 100%;overflow: hidden;box-sizing: border-box; margin-top: 5%;}
.index_content{ width: 1680px; margin: 0 auto;}
.index_news_word_content{ width: 100%; margin-top: 2.8%;position: relative; overflow: hidden;}

.news_left_content{ width:46%; float:left;  padding-bottom:1%; position:relative;}

.news_left_img{ width:100%; overflow:hidden;height: 0; padding-bottom: 55.8%;}

.news_left_img img{  transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s; display:block; width:100%; height:auto;}
.news_left_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.news_left_content h3{ font-size:24px; font-weight:normal; color:#333333; line-height:1.5em; letter-spacing:0.6px; margin-top:4.5%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.news_left_content p{ color:#636363; font-size:15px; line-height:1.8em; letter-spacing:0.8px; margin-top:2%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; width: 100%;}
.news_left_content h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:2%;}

.news_line{ width:80px; height:3px; background:#be1920; position:absolute; left:0; bottom:0;transition-duration: .8s;-ms-transition-duration: .8s;-moz-transition-duration: .8s; -webkit-transition-duration: .8s; z-index: 2;}
.news_line2{width:46%; height: 3px; background: #cfcfcf;position:absolute; left:0; bottom:0; z-index: 1;}

.news_left_content:hover+.news_line{ width:46%;}
.news_left_content:hover h3{ color: #be1920;}

.news_list{ width:48%; float:right;}

.news_list ul li{ width:100%; overflow:hidden; border-bottom:2px solid #cfcfcf;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; padding-bottom:5%; margin-bottom:5%;}
.news_list ul li:nth-child(3n){ margin-bottom: 0;}

.news_list ul li:hover{border-bottom:2px solid #be1920;}
.news_list ul li h3{ color:#333333; font-size:22px; line-height:1.5em; font-weight:normal; letter-spacing:0.6px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden; width: 100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.news_list ul li:hover h3{color:#be1920;}

.news_list ul li p{line-height:1.7em; color:#636363; font-size:15px;letter-spacing:0.8px; margin-top:2.5%;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.news_list ul li h6{ color:#949393; font-weight:normal; font-size:13px; line-height:1.5em; letter-spacing:0.2px; margin-top:2.5%;}

/* 分辨率自实*/
@media screen and (max-width:1700px){
.index_content{ width:96%;}
}

@media screen and (max-width:1450px){
  .news_left_content h3{ font-size: 22px;}
  .news_list ul li h3{ font-size: 20px;}
}

@media screen and (max-width:1250px){
  .news_list ul li{ padding-bottom:3.5%; margin-bottom:3.5%;}
  .news_left_content h3{ margin-top: 6%;}
}
@media screen and (max-width:1000px){
.news_left_content{ width:100%; float: none;}
.news_list{ width:100%; float: none;}
.news_line2,.news_line{ display: none;}
.news_left_content{ border-bottom: 3px solid #f6ad3a; padding-bottom: 5%;}
.news_left_content h3{ margin-top: 4%;}
.news_list ul li{ padding-bottom:3%; margin-top:3%; margin-bottom:0;}
.news_list ul li:first-child + li + li{  border-bottom:2px solid #dfdede;}
.news_list ul li:first-child + li + li:hover{border-bottom:2px solid #f6ad3a;}

.news_left_content h3{    -webkit-line-clamp: 10;}

.news_list ul li h3{-webkit-line-clamp: 10;}
}
@media screen and (max-width:560px){
.index_news_container{ margin-top: 6%;}
.news_list ul li{padding-bottom:5%; margin-top:5%;}
.news_left_content p,.news_list ul li p{font-size: 3.6vw;}
.news_left_content h3{ font-size: 4.2vw;}
.news_list ul li h3{ font-size: 4vw;}
.news_left_content h6,.news_list ul li h6{ font-size:3.4vw; margin-top: 3%;}
}

/* line */
.index_line{ width: 100%;height:22px;background-image: linear-gradient(to right, #567f9b,#346e97 , #567f9b);}
.index_line2{ margin-top: 5%;}

@media screen and (max-width:1450px){
.index_line{ height: 18px;}
}
@media screen and (max-width:900px){
.index_line{ height: 15px;}
}
@media screen and (max-width:560px){
.index_line{ height: 10px;}
.index_line2{ margin-top: 6%;}
}


/* footer */
.footer_container{ width: 100%; background: #f3f2f2; padding-top: 3.5%; box-sizing: border-box; overflow: hidden;}
.footer_content{ width: 1680px; margin: 0 auto; color: #424242;}
.footer_contact_left{ width: 31%; float: left;}
.footer_contact_left img{ display: block; height: 175px; width: auto; float: left;}
.footer_left_tel{ float: right; width: 68%;}
.footer_contact_left h3{ font-size: 29px;line-height: 2em; letter-spacing: 0.6px; color: #be1920; background: url(../images/footer_tel.png) no-repeat left center; box-sizing: border-box; padding-left: 46px; margin-bottom:10px;}
.footer_contact_left p{ font-size: 16px; line-height: 1.6em; margin-top: 6px;letter-spacing: 0.4px; box-sizing: border-box;}
.footer_weixin_content{ width: 160px; float: right; box-sizing: border-box; border: 1px solid #346e97; margin-left: 4.5vw;}
.footer_weixin_content img{ width: 100%; height:auto;}
.footer_weixin_content p{ height: 35px; line-height: 35px; color: #fff; letter-spacing: 1px; font-size: 14px; background: #346e97; text-align: center;}

.footer_content_list{ float: right;}
.footer_content_list ul{ float:left; margin-left: 5vw;}
.footer_content_list ul:first-child{ margin-left: 0;}
.footer_content_list ul li{ font-size: 14px; line-height: 1.5em; margin-bottom: 10px; letter-spacing: 1px;padding-left: 30px;}
.footer_content_list ul li a,.footer_content_bottom a{color:#424242;}
.footer_content_list ul li a:hover,.footer_content_bottom a:hover{ color: #be1920;}
.footer_content_list ul li.sub_nav{ font-size: 16px; margin-bottom: 20px; background: url(../images/footer_icon.png) no-repeat left center; line-height: 1.5em; padding-left: 30px;}
.footer_content_list ul li.sub_nav a{color: #424242;}
.footer_sub_nav{ float: left; margin-right: 2vw;}

.footer_line{ width: 100%; height: 1px; background: #c3c3c3; margin-top: 3.5%;}

.footer_content_bottom{ width: 1680px; color: #424242;margin: 1.5% auto 0; padding-bottom: 1.5%;}

.footer_bottom_left{ float:left;}
.footer_content_bottom p{ font-size: 14px; line-height: 1.5em; margin-top: 10px; letter-spacing: 0.6px;}
.footer_content_bottom p span{ margin-right: 30px;}





@media screen and (max-width:1700px){
.footer_content,.footer_content_bottom{width: 96%;}
.footer_contact_left h3{ font-size: 25px; background-size: 28px;    padding-left: 32px;}
.footer_contact_left img{ height: 170px;}

}

@media screen and (max-width:1560px){
.footer_left_tel{ width: 66%;}
}

@media screen and (max-width:1450px){
.footer_contact_left img{ float: none; height: 80px;}
.footer_left_tel{ width: 100%; float: none; margin-top: 10px;}
.footer_contact_left h3{ margin-bottom: 0;}
.footer_weixin_content{ width: 12%;}
.footer_content_list ul{ margin-left: 4vw;}
.footer_contact_left{ width: 25%;}
.footer_weixin_content{ margin-left: 3.5vw;}
}
@media screen and (max-width:1250px){
.footer_content_list ul{ margin-left: 3vw;}
.footer_weixin_content{ width: 10%;}
.footer_contact_left h3{ font-size: 22px; margin-top: -15px;}
.footer_contact_left img{ display: none; }
}


@media screen and (max-width:1200px){
.footer_content_bottom p span{ margin-right: 10px;}
}

@media screen and (max-width:1100px){
.footer_content_bottom p span:first-child{ display: none;}
.footer_weixin_content{ display: none;}
.footer_contact_left{ width: 30%;}
}

@media screen and (max-width:900px){
.footer_contact_left{ display:block; width: 100%;}
.footer_contact_left img{ height: 70px;}
.footer_content_list{ display: none;}
.footer_content_bottom p span,.footer_content_bottom p span:first-child{ display:block;}
/*.footer_bottom_left{ width: 100%;}*/
.footer_content_bottom p span.di_no{ display: none;}

.footer_bottom_left p{
    display: none;}

}


@media screen and (max-width:560px){
.footer_container{ padding-top: 5%;}
.footer_content_bottom p span{display: block; margin-bottom: 3px;}
.footer_content_bottom{ padding-bottom: 3%; margin-top: 1.5%;}
.footer_contact_left h3{ font-size: 5.5vw;    background-size: 6vw; padding-left: 7vw; margin: 3% 0 2%;}
.footer_contact_left p{ font-size: 3.7vw;}
.footer_content_bottom p{ font-size: 3.6vw;}
.footer_left_tel{ margin-top: 0;}
.footer_contact_left img{ display: block; height: 26vw; margin: 0 auto;}


}


/*mobile footer*/

.xf_hei{width:100%; height:10vh; float:left; overflow:hidden; display:none; }
.xf_dh { width:100vw; height:10vh; float:left; overflow:hidden; background:rgba(255,255,255,0.9);  position:fixed; bottom:0; left:0; z-index:998; display:none;border-top: 1px solid #ff2a00;}
.xf_dh li { width:20%; height:100%; display:block; float:left; background-size:4.5vh;}
.xf_dh li a { display:block; padding-top:6.5vh; height:4vh; line-height:3vh; text-align:center; color:#333; font-size:1.6vh;}
.xf_dh_a { background:url(../images/xf_dh_a.png) no-repeat center 1.4vh;}
.xf_dh_b { background:url(../images/xf_dh_b.png) no-repeat center 1.4vh;}
.xf_dh_c { background:url(../images/xf_dh_c.png) no-repeat center 1.4vh;}

.xf_dh_d { background:url(../images/xf_dh_d.png) no-repeat center 1.4vh;}
.xf_dh_e { background:url(../images/xf_dh_e.png) no-repeat center 1.4vh; }

@media screen and (max-width:900px){

.xf_hei{ display:block;}
.xf_dh{ display:block;}
}


/* /

.title{position: relative;z-index: 3;height: 50px; overflow: hidden;}
.title span{float: left;margin: 7px 10px 0 0; width: 6px;height: 32px;background: #d71820;}
.title b{float: left;font-size: 32px;color: #d71820;font-weight: bold;}
.title b em{display: initial;color: #333;font-weight: bold;}
.title i{float: left;margin-left: 4px; line-height:60px; font-size: 18px;color: #666;/* font-family: "sy"; */ font-family: Arial;}
.title .line{position: absolute;left: 50%;top:24px;margin-left: -191px;width: 383px; opacity: 0.2;}
.title .line em{transition: all 0.5s; margin:0 auto;width:0px;height: 1px;background: #000;}
.title .more{transition: all 0.5s; float: right; position: relative;padding:0 42px;line-height: 50px; font-size: 18px;color: #333;}
.title .more::before{transition: all 0.5s; position: absolute;left:0px;top: 50%;width: 22px;height: 1px;background: #666;content: '';}
.title .more::after{transition: all 0.5s; position: absolute;right:0px;top: 50%;width: 22px;height: 1px;background: #666;content: '';}
.title .more:hover::before{transition: all 0.5s;width: 44px;background: #d71820;}
.title .more:hover::after{transition: all 0.5s;width:0;background: #d71820;}
.title .more:hover{transition: all 0.5s;color:#d71820;padding:0 0 0 64px;}

.ind03{padding:60px 0 82px;}
.ind03 .tab{padding-top:26px;height: 779px;}
.ind03 .tab_title a{float: left;cursor: pointer;}
.ind03 .tab_title div{float: left;}
.ind03 .tab_title p{line-height: 42px; font-size: 16px;color: #333;}
.ind03 .tab_title em{transition: all 0.5s; margin:0 auto;width: 0;height: 2px;background: #d10a0f;}
.ind03 .tab_title i{float: left;margin:15px 27px 0;width: 1px;height: 16px;background: #cccccc;}

.ind03 .tab_title a.cur p{font-weight: bold;color: #d10a0f;}
.ind03 .tab_title a.cur em{transition: all 0.5s; width: 23px;}

.ind03 .tab_next{margin-top: 28px;}
.ind03 .next{position: relative;}
.ind03 .next .line{position: absolute;right: 41.28%;top: 0;width: 1px;height: 711px;background: #e5e5e5;}
.ind03 .left{width: 50.6%;}
.ind03 .left .pic{width: 100%;height: 399px;overflow: hidden;}
.ind03 .left .pic i{transition: all 0.5s; margin-left: -5%;width: 105.6%;height: 100%;}
.ind03 .left span{padding:28px 0 18px; font-size: 28px;color: #d10a0f;font-family: Arial;font-weight: bold;}
.ind03 .left b{font-size: 20px;color: #333;font-weight: bold;}
.ind03 .left p{padding:16px 0 48px;line-height: 30px;font-size: 14px;color: #807f7f;}

.ind03 .left .title .more{float:left;font-size: 18px;}
.ind03 .left .tab_more div{transition: all 0.4s; position: relative; width: 169px;height: 49px;line-height: 49px;font-size: 16px;color: #d10a0f;text-align: center;border: #d10a0f 1px solid;cursor: pointer;}
.ind03 .left .tab_more div::before{transition: all 0.4s;position: absolute;right: -68px;top: 50%;width: 98px;height: 1px;background:#d10a0f;content: "";}


.ind03 .left:hover .pic i{transition: all 0.5s; margin-left: 0%;}
.ind03 .left:hover b{color: #d10a0f;}
.ind03 .left .tab_more div:hover{transition: all 0.4s;letter-spacing: 7px;}
.ind03 .left .tab_more div:hover::before{transition: all 0.4s;right: -76px;}



.ind03 .right{width: 33.7%;}
.ind03 .right li{margin-bottom: 10px;height: 137px; border-bottom: #dfdfdf 1px solid;}
.ind03 .right1 li{height: 133px;}
.ind03 .right li a{position: relative;}
.ind03 .right li a .pic{width: 100%; height: 0;overflow: hidden;}
.ind03 .right li a .pic i{transition: all 0.5s; margin-left: -5%;width: 105.6%;height: 266px;}
.ind03 .right li a b{padding:28px 0 12px;line-height: 26px; font-size: 18px;color: #333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind03 .right li a p{font-size: 14px;color: #807f7f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind03 .right li a span{padding:14px 0 19px; font-size: 16px;color: #333;font-family: Arial;font-weight: bold;}
.ind03 .right li a::before{transition: all 0.5s; position: absolute;left: 70%;bottom: 18px;width: 32px;height: 13px;background: url(../images/icon_14.png) right center no-repeat;content: "";opacity: 0;}
.ind03 .right1 li a b{padding-top: 16px;}
.ind03 .rightCon li.cur{height: 403px;}
.ind03 .rightCon li.cur a .pic{height: 266px;}
.ind03 .right li a:hover::before{transition: all 0.5s;left: calc(100% - 32px);opacity: 1;}
.ind03 .right li a:hover .pic i{transition: all 0.5s; margin-left: 0%;}
.ind03 .right li a:hover b,.ind03 .right li a:hover span{color: #d10a0f;}


.active .title .line em{transition: all 0.7s 0.3s; width: 383px;}
.active .title{visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.ind03.active .tab_title{
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.ind03.active .left{
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.ind03.active .right{
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}