@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; font-size: 62.5%;} /*10*/

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

@media screen and (max-width:1450px){
html{font-size: 56.25%;} /*9*/
}

@media screen and (max-width:900px){
html{font-size: 50%;} /*8*/
}


.index_container{ width: 1400px; margin: 0 auto;}
@media screen and (max-width:1450px){
.index_container{ width:96%!important;}
}

/*gundong*/
::-webkit-scrollbar
{
width: 5px;
height:5px;
}

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

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

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


@keyframes animate {
            0% {
                transform: scale(1.1);
            }
            100% {
                transform: scale(1.00);
            }
  }

/*nav*/
.nav_container{ width:100%; height:100px; background:#fff;  z-index:9;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:fixed; top:0; left:0; border-top: 9px solid #e40421;}

.nav_content{ width:1720px; margin:0 auto 0 auto;}

.nav_content img.logo{ height:60px; float:left; margin-top:22px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.nav{ float:right;}

.nav ul li{ float:left; font-size:1.8rem; letter-spacing:1px; padding:0 35px;}
.nav ul li a{ color:#2c2c2c; line-height:100px; display:block; height:100px;box-sizing:border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid transparent;}
.nav ul li a:hover{border-bottom:3px solid #e40421;}
.nav ul li a.cur{border-bottom:3px solid #e40421;}
.nav_call{ float:right; position:relative; margin-left:15px;}

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

.nav_call .search_form{ position:absolute; right:-700%; font-size:18px;white-space: nowrap; letter-spacing:1px; overflow:hidden; display:block; padding:20px 22px; background:rgba(228,4,33,0.9); color:#fff; border-radius:5px; opacity:0; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; width:280px;}
.nav_call .search_form2{opacity:1;right:0;}
.nav_call .search_form i{ width:20px; height:auto;position:absolute; right:22px; top:15px;}
.nav_call .search_form i img{ width:100%; height:auto; display:block;}
.search_form input{ width:80%; float:left; box-sizing:border-box;border:none; background:#fff;outline:none; height:35px; border-radius:5px; padding-left:10px;}
.search_form p{ font-size:16px; line-height:1.5em; color:#fff; margin-bottom:10px;}
.search_form button{ width:18%; float:right; height:35px; background:url(../images/top_s2.png) no-repeat center center #fabe00; border:none;outline:none;border-radius:5px; background-size:18px;}
.nav_call .call_num{ position:absolute; right:-1100%;  overflow:hidden; padding:20px 20px; background:#e40421; 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: 260px;}
.call_num_img{width: 45px;display: block;float: left; margin-top: 3px;}
.call_num_word{overflow: hidden;white-space:nowrap;float:right; }
.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; }

@media screen and (max-width:1820px){
.nav ul li{padding:0 1.8vw;}
}

@media screen and (max-width:1730px){
.nav_content{ width:96%;}
}
@media screen and (max-width:1560px){
.nav_content img.logo{ height:55px; width:auto; margin-top:18px;}
.nav_container{  height:90px;}
.nav ul li a{ height:90px; line-height:90px;}
.nav_call_img{ height:90px; line-height:90px;}
.nav_call_img img{ margin-top:22px;}
.nav ul li {
    padding: 0 1.4vw;
}
.nav_call{margin-left: 5px;}
}

@media screen and (max-width:1270px){
.nav_call{ display: none;}
}

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

@media screen and (max-width:1000px){
.nav ul li{padding: 0 0.8vw;}
}

.fixedhead{box-shadow:0px 4px 20px #e0dfdf; height:90px;border-top: 6px solid #e40421; }
.fixedhead img.logo{height: 55px;
    margin-top: 18px;}
.fixedhead .nav ul li a{line-height: 90px;
    height: 90px;}
.fixedhead .nav_call_img{line-height: 90px;
    height: 90px;}
.fixedhead .nav_call_img img{margin-top: 22px;}

@media screen and (max-width:1100px){
.fixedhead img.logo{ height:40px; margin-top:25px;}
}


/*手机端导航*/
.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: fixed; 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:4.5vh;}
.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, #e40421, #e63148);
 -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_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: 5vh;}
.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;}

.msearch_form{ width:90%; margin:0 auto; box-sizing:border-box;position: absolute;
    left: 5%;
    bottom: 13vh;}

.msearch_form input{ border:1px solid #fabe00;}
.msearch_form button{background: url(../images/top_s2.png) no-repeat center center #fabe00;background-size: 16px;}

@media screen and (max-width:900px){
.nav_container{ display:none;}
.header2{ display:block;}
}
@media screen and (max-width:600px){
.header2 .mobile_logo img { height:4vh;}
}



/*banner*/
.banner_content{ width:100%; position:relative; margin-top: 109px;}
.banner{ width: 100%;}
.banner img{ width: 100%; height: auto;}
.banner .swiper-slide-active img{-webkit-animation: animate 4s linear;-moz-animation: animate 4s linear; animation: animate 4s linear;}

/* banner word */
.banner_nav_content{ width: 430px; height: 100%; position:absolute; left: 80px; top: 0; z-index: 2; background: rgba(0,0,0,0.7); box-sizing:border-box; padding: 0 60px;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}
.banner_nav_top{ width: 100%; text-align: center; color: #fff; }
.banner_nav_top h3{ font-weight: normal; font-size: 3.2rem; line-height: 1.3em; letter-spacing: 0.6px;}
.banner_nav_top h6{ font-weight: normal; width: 57px; height: 1px; background: #fff; margin: 5% auto;}
.banner_nav_top p{ letter-spacing: 1px; font-size: 1.6rem; line-height: 1.5em;}

.banner_nav_bottom{ width: 100%; margin-top: 14%;}
.banner_nav_bottom ul li{ width: 43%; float: left; margin: 12% 14% 0 0; box-sizing: border-box; padding: 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.banner_nav_bottom ul li:nth-child(2n){ margin-right: 0;  }
.banner_nav_bottom ul li img{ display: block; width: 100%; height: auto;}
.banner_nav_bottom ul li.cur{ border: 1px solid #fc7284;padding: 6px; border-radius: 10px;}

/* mbanner */
.mbanner{ display:none; margin-top: 8vh;}
.mbanner_next,.mbanner_prev{width:26px; height:49px;position:absolute; z-index:2; top:50%;margin-top: -24.5px;}
.mbanner_next{  background:url(../images/jiantou_you.png) no-repeat center center;  right:10px; background-size: 100%;}
.mbanner_prev{ background:url(../images/jiantou_zuo.png) no-repeat center center; left:10px; background-size: 100%;}

@media screen and (max-width:1730px){
.banner_nav_content{ left: 2%; width: 25%; padding: 0 3%;}
}

@media screen and (max-width:1560px){
.banner_content{ margin-top: 99px;}
.banner_nav_bottom{ margin-top: 5%;}
}

@media screen and (max-width:1100px){
.banner_nav_top h3{ font-size: 26px;}
}

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

.banner_content{ display:none;}
.mbanner{ display:block;}
.mbanner img{ width:100%; height:auto;}
}

/* .main_business */
.main_business_container{ width: 100%; padding: 4% 0; box-sizing:border-box; background: #f4f4f4; position: relative;}
.main_business_title{ position: relative; margin-bottom: 3.5%;}
.main_business_title_word{ border-left: 8px solid #e40421; box-sizing: border-box; padding-left: 1.6%;}
.main_business_title_word h3{ font-size: 3.6rem; line-height: 0.9em; letter-spacing: 1px; font-weight: normal; color: #333333;}
.main_business_title_word h4{ font-family: "Arial"; color: #222222; font-size: 4.6rem; text-transform: uppercase; line-height: 0.9em; margin-top: 15px;}
.main_business_title h6{font-family: "Arial";font-size: 1.9rem; font-weight: normal;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; color: #e40421; border: 2px solid #e40421; line-height: 1.9em; position: absolute; width: 18rem; text-align: center; position: absolute; right:0; bottom:5px;}
.main_business_title h6:hover{ border-left: 30px solid #e40421;}

.main_business_content{ width: 100%;}
.main_business_content ul li{ width:32.6666%; float: left; margin: 0 1% 0 0;}
.main_business_content ul li:nth-child(3n){ margin-right: 0;}

.main_business_img{ width: 100%; overflow:hidden;}
.main_business_img img{display: block; width: 100%; height: auto;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.main_business_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;}
.main_business_content ul li h3{ color: #333333; font-size: 2.6rem; line-height: 1.5em; letter-spacing: 0.6px; font-weight:normal; display: table;margin: 3.5% auto 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.main_business_content ul li h3 i{ float:left; margin: 5px 12px 0 0; height: 34px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.main_business_content ul li h3 i img{ height: 100%; width: auto; display: block;}
.main_business_content ul li:hover h3{color: #e40421;}
.main_business_content ul li:hover h3 i{margin-right: 20px;}

.sanjiao{ width: 68px; position: absolute; bottom:-1px; left: 50%; margin-left: -34px;}
.sanjiao img{ display:block; width: 100%; height: auto;}

@media screen and (max-width:1450px){
.main_business_content ul li h3 i{ height: 30px;}
}
@media screen and (max-width:900px){
.main_business_title h6{ position:static; bottom: 0; margin-top: 3%;}
.main_business_content ul li h3 i{ height: 25px;}
.sanjiao{ display: none;}
}

@media screen and (max-width:700px){
.main_business_content ul li{ width: 100%; float:none; margin: 3% 0 0 0;  position: relative;}
.main_business_word{ width: 100%;position: absolute; left: 0; bottom:0; background: rgba(255,255,255,0.8); padding: 2% 1%; box-sizing: border-box;}
.main_business_content ul li h3{ margin-top: 0;}
}

@media screen and (max-width:560px){
.main_business_container{padding:6% 0;}
.main_business_title_word h3{font-size: 5.4vw;}
.main_business_title_word h4{margin-top: 2.5vw; font-size: 6.2vw;}
.main_business_title h6{ font-size: 3.8vw; width: 45vw; margin-top: 3vw;}
.main_business_title{ margin-bottom: 5%;}
.main_business_content ul li h3{ font-size: 4.4vw;}
.main_business_content ul li h3 i{ height: 5.6vw; margin: 0.5vw 2vw 0 0;}
.main_business_word{ padding: 3vw 1vw;}
.main_business_content ul li:hover h3 i{margin-right: 2vw;}
}

/* equipment */
.equipment_container{ margin-top: 4%;}
.equipment_title_word2{padding-left: 0; border: none; text-align:center;}
.equipment_title_word2 h5{ width: 90px; height: 8px; background: #e40421; margin: 1.5% auto;}
.equipment_title_word2 p{ font-size: 1.6rem; color: #7a7a7a; letter-spacing: 2px;}

.equipment_content{ position: relative;}
.equipment_content_word{width: 86%; margin: 0 auto; padding: 4.5% 0;}
.equipment-next,.equipment-prev{ width: 47px; height: 47px; position:absolute; top: 50%; margin-top: -23.5px; background-size: 100%; z-index: 2; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.equipment-prev{ background: url(../images/jian_left.png) no-repeat center center; left: 0;}
.equipment-next{ background: url(../images/jian_right.png) no-repeat center center; right: 0;}

.equipment_content_word .swiper-slide{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.equipment_content_word .swiper-slide-active,.equipment_content_word .swiper-slide-duplicate-active{
   -webkit-transform:scale(1.2,1.2)!important;transform:scale(1.2,1.2)!important; z-index:2;overflow: visible; box-shadow: 0 0 30px rgba(172,171,171,0.75);
}

.equipment_inside_word_content{ width: 100%; box-sizing:border-box; padding: 1.8rem 1.8rem 1.4rem; background: #f4f4f4;}
.equipment_word_img{ width: 100%; overflow: hidden;}
.equipment_inside_word_content img{ display: block; width: 100%; height: auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.equipment_inside_word_content: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;}
.equipment_inside_word_content h3{ text-align: center; letter-spacing: 0.8px; font-weight: normal; font-size: 2rem; color: #444444; margin-top: 13px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; line-height: 1.5em;}
.equipment_inside_word_content:hover h3{ color: #e40421;}

.equipment_more h6{ position: static; left: 0; bottom:0; margin: 2% auto 0;}
.equipment_more{ margin-bottom: 0;}

@media screen and (max-width:1450px){
.equipment_inside_word_content{ padding: 5% 5% 4%;}
.equipment_inside_word_content h3{ margin-top: 4%;}

}

@media screen and (max-width:900px){
.equipment_content_word{width: 100%; padding: 6% 0;}

.equipment-next,.equipment-prev{  width:34px; height: 65px;  position:absolute; top: 50%; margin-top: -32.5px;  z-index: 2; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.equipment-prev{ background: url(../images/jiantou_zuo.png) no-repeat center center; left: 0;background-size: 100%;}
.equipment-next{ background: url(../images/jiantou_you.png) no-repeat center center; right: 0;background-size: 100%;}

}


@media screen and (max-width:600px){
.equipment_content_word .swiper-slide-active,.equipment_content_word .swiper-slide-duplicate-active{
      -webkit-transform: scale(1,1)!important;
      transform: scale(1,1)!important; box-shadow: none;
  }
  .equipment_content_word {
    padding: 0;
}
}
@media screen and (max-width:560px){
.equipment_container{ margin-top: 6%;}
.equipment_title_word2 h5{ margin: 3vw auto; width: 18vw; height: 1.8vw;}
.equipment_title_word2 p{ font-size: 3.6vw; line-height: 1.6em;}

.equipment_inside_word_content h3{ font-size: 4vw;}
.equipment_inside_word_content{ padding: 3vw;}

.equipment-next,.equipment-prev{  width:26px; height: 49px; margin-top: -24.5px;  z-index: 2;}
.main_business_title h6{ margin-top: 5vw;}
}

/* index_about */
.index_about_top{ width: 100%;}
.index_about_top img{ width: 100%; height: auto; display:block;}
.index_about_container{ width: 100%; position: relative;}
.index_about_left_content{ width: 50%; float: left;    overflow: hidden;
    position: relative;
    height: 580px;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;}

.index_about_left_content img{ display:block; transform:translateX(-50%) scale(1);-mo-transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;  position:absolute; left:50%;
          }
.index_about_left_content:hover img{transform:translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1);-moz-transform:translateX(-50%) 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; }

.index_about_right_content{ width:50%; float:right; overflow:hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; background: url(../images/about_bg.jpg) no-repeat center center;position:absolute; height:100%; right:0;}
.index_about_right{width:700px; padding:0 100px; box-sizing:border-box; margin-top: 8%;}
.index_about_title{ text-align: left;}
.index_about_title h5{    margin: 2% 0;}
.index_about_right_word h4{ font-weight: normal; font-size: 2.4rem; color: #e40421; letter-spacing: 0.8px; margin:7% 0 3%;}
.index_about_right_word p{ color: #6f6f6f; font-size: 15px; letter-spacing: 1px; line-height: 1.8em;}


.index_about_right_word h5{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:2em;  letter-spacing:0.2px; font-weight:550; display:inline-block;  margin-top:6%; position:relative; border-bottom:3px solid #fff; box-sizing:border-box;}
.index_about_right_word h5 a{color:#626262; display:block;z-index:2;padding:8px 8px 5px 8px; }
.index_about_right_word h5 a::before, .index_about_right_word h5 a::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #c8c8c8;
	content: '';
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	transition: transform .3s;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9)
}
.index_about_right_word h5 a::after {
	opacity: 0;
	-webkit-transition: top .3s, opacity .3s, -webkit-transform .3s;
	-moz-transition: top .3s, opacity .3s, -moz-transform .3s;
	transition: top .3s, opacity .3s, transform .3s
}
.index_about_right_word h5 a:hover::before, .index_about_right_word h5 a:hover::after, .index_about_right_word h5 a:focus::before, .index_about_right_word h5 a:focus::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1)
}
.index_about_right_word h5 a:hover::after, .index_about_right_word h5 a:focus::after {
	top: 0%;
	opacity: 1
}


@media screen and (max-width:1450px){
.index_about_right{ padding: 0 10%;margin-top: 10%; width: 100%;}
}

@media screen and (max-width:1200px){
.index_about_right{margin-top: 15%;}
}
@media screen and (max-width:900px){
.index_about_left_content{ width:100%; height:auto;  float:none;}
.index_about_left_content img{
  	width:100%; position:static;
      left: 0;
      margin-left: 0px; transform:translateX(0%) scale(1);-mo-transform:translateX(0%) scale(1);-webkit-transform:translateX(0%) scale(1);-moz-transform:translateX(0%) scale(1);
}
.index_about_left_content:hover img{transform:translateX(0%) scale(1.1);-webkit-transform:translateX(0%) scale(1.1);-moz-transform:translateX(0%) scale(1.1);-mo-transform:translateX(0%) scale(1.1);}
.index_about_right_content{ width: 100%; float: none; position: static; height: auto; background-size: cover;}
.index_about_right{ margin: 0; padding: 8%;}
}

@media screen and (max-width:560px){
.index_about_top{ margin-top: 6%;}
.index_about_title h5{ margin: 3vw 0;}
.index_about_right{ padding: 5vw;}
.index_about_right_word h4{ font-size: 4.2vw;margin: 5% 0 3%;}
.index_about_right_word p{ font-size: 3.8vw;}
.index_about_right_word h5{ font-size: 3.6vw; margin-top: 4%;}
}

/* service */
.index_service_container{ width: 100%; margin-top: 4%; position: relative;}
.index_service_contet{ width: 100%; height: 600px; background: #f4f4f4;}
.sanjiao2{ left: 20%;}

.index_service_content_word{ position: relative; overflow:hidden; height: 100%;}
.index_service_left{ width: 50%; position:absolute; left: 0; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    }
.index_service_left img{ display: block;}

.index_service_right{width: 50%; position:absolute; right: 0; height: 100%;box-sizing: border-box;border-right: 1px solid #cdcccc;border-left: 1px solid #cdcccc;}
.index_service_right ul{ width: 100%; height: 100%; position: relative;}
.index_service_right ul li{ width: 50%; height: 50%; float: left;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;box-sizing: border-box; background: transparent; padding: 0 8%; box-sizing: border-box;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_service_right ul li:first-child {
        border-right: 1px solid #cdcccc;
        border-bottom: 1px solid #cdcccc;
    }
.index_service_right ul li:nth-child(2){
      border-bottom: 1px solid #cdcccc;
}
.index_service_right ul li:nth-child(3) {
    border-right: 1px solid #cdcccc;
}

.index_service_right ul li .index_service_right_img{ width: 100%; height: 73px; overflow: hidden;}

.index_service_right ul li .index_service_right_img img{ display: block; margin: 0 auto;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 100%;}
.index_service_right ul li .index_service_right_img img.index_service_icon{ margin-bottom: 10px;}
.index_service_right ul li:hover .index_service_right_img img.index_service_icon{ margin-top: -83px;}

.index_service_right_word h3{ text-align: center; font-weight: normal; color: #333333; font-size: 2.4rem; line-height: 1.5em; letter-spacing: 1px;margin: 15px 0 10px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_service_right_word p{ text-align: center; font-size: 15px; line-height: 1.5em; color: #4c4c4c; letter-spacing: 1px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_service_right ul li:hover{ background: #e40421;}
.index_service_right ul li:hover h3,.index_service_right ul li:hover p{ color: #fff;}

@media screen and (max-width:1450px){
.index_service_left img{ width: 80%; height: auto;}
.index_service_contet{ height: 550px;}
.index_service_right ul li .index_service_right_img{ height: 63px;}
.index_service_right ul li:hover .index_service_right_img img.index_service_icon{ margin-top: -73px;}
}

@media screen and (max-width:900px){
.index_service_contet{ height:auto; padding: 6% 0;}
.index_service_left,.index_service_right{ width: 100%; position: static; height: auto;}
.index_service_left img{ width: 90%; margin: 0 auto;}
.index_service_right{border-top: 1px solid #cdcccc;
border-bottom: 1px solid #cdcccc; margin-top: 4%; box-sizing: border-box;}
.index_service_right ul li{ height: 38vw;}
}

@media screen and (max-width:560px){
.index_service_container{ margin-top: 6%;}
.index_service_right ul li{ height: 52vw; padding: 0 3vw;}
.index_service_right ul li .index_service_right_img{ height: 10vw;}
.index_service_right ul li:hover .index_service_right_img img{ margin-bottom: 3vw;}
.index_service_right ul li:hover .index_service_right_img img.index_service_icon{ margin-top: -13vw;}
.index_service_right_word h3{ font-size: 4.2vw; margin: 2.5vw auto 1vw;}
.index_service_right_word p{ font-size: 3.6vw;}
}

/* case */
.index_case_container{ width: 100%; margin-top: 4%;}


.index_case_content{ width:100%; box-sizing:border-box; background: #f4f4f4;}

.index_case_left{ width:58%; float:left; overflow:hidden;}

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

.index_case_left: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;}

.index_case_right{ width:25%;   position:absolute;
        right:14%;
   top:50%;
        transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(0%,-50%);    /* Safari and Chrome */
        -o-transform: translate(0%,-50%);     /* Opera */
        -moz-transform: translate(0%,-50%);  }

.index_case_right h3{ font-size:2.4rem; line-height:1.5em; letter-spacing:0.6px; color:#333333; font-weight:normal;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_case_right h3:hover{color:#e40421;}
.index_case_right h4{ font-size:1.8rem; line-height:1.5em; letter-spacing:0.6px; font-weight:normal; color:#333333; margin-top:8%;}
.index_case_right p{ font-size:15px; line-height:1.6em; color:#4c4c4c; letter-spacing:0.6px; margin-top:3%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;width: 100%;}
.index_case_right h6{ font-weight: normal; font-size: 1.6rem; color: #e40421; letter-spacing: 1px; margin-top: 15%; line-height: 1.8em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; display: inline-block;border-bottom: 1px solid transparent;}
.index_case_right h6:hover{ border-bottom: 1px solid #e40421;}

.index-caseprev,.index-casenext{ width:47px; height:47px;top:50%; margin-top:-23.5px; position:absolute; z-index:2;}
.index-caseprev{background:url(../images/jian_left.png) no-repeat center center; left:3.5%;  background-size:100%;}
.index-casenext{ background:url(../images/jian_right.png) no-repeat center center; right:3.5%; z-index:2; background-size:100%;}


@media screen and (max-width: 1450px)
{
.index_case_right{width: 30%; right: 9%;}
}

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

.index_case_left{ width:100%; float:none;}

.index_case_right{ width:100%; position:static; top:0; right:0; transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);  /* IE9及以上支持 */
        -webkit-transform: translate(0%,0%);    /* Safari and Chrome */
        -o-transform: translate(0%,0%);     /* Opera */
        -moz-transform: translate(0%,0%); padding: 4%; box-sizing: border-box;}

.index_case_right h4{ margin-top:2.5%;}
.index_case_right p{ margin-top: 2%;}
.index_case_right h6{ margin-top: 4%;}
.index-caseprev,.index-casenext{top:20vw; margin-top:0; width:34px; height:65px;}
.index-caseprev{background:url(../images/jiantou_zuo.png) no-repeat center center; left:3.5%;background-size:100%;}
.index-casenext{ background:url(../images/jiantou_you.png) no-repeat center center; right:3.5%;background-size:100%;}
}

@media screen and (max-width: 900px)
{
.index_case_right{padding: 8%;}
}

@media screen and (max-width: 560px)
{
.index_case_container{ margin-top: 6%;}
.index_case_right{padding:5vw;}
.index_case_right h3{ font-size: 4.2vw;}
.index_case_right h4{ font-size: 4vw;}
.index_case_right p{ font-size: 3.8vw;}
.index_case_right h6{ font-size: 3.6vw;}
.index-caseprev,.index-casenext {
    width: 26px;
    height: 49px;
top:21vw;
}
}

/* news */
.index_news_container{ width: 100%; margin-top: 4%;}
.index_news_content_top ul li{ font-size: 2rem; line-height: 1.5em; float: left; margin-right: 40px; border-bottom: 2px solid transparent;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; color: #545454; letter-spacing: 1px; cursor:pointer; padding-bottom: 10px;}
.index_news_content_top ul li.cur,.index_news_content_top ul li:hover{ color: #e40421;border-bottom: 2px solid #e40421;}


.index_news_content_bottom{ width: 100%; margin-top: 2.5%;position: relative; overflow: hidden;}

.index_news_left_content{ width:53%; float:left;  padding-bottom:2%; position:relative;}

.index_news_left_img{ width:100%; overflow:hidden;height: 0; padding-bottom: 53.33%;}

.index_news_left_img img{  transition: all 2s ease-out 0s;-webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -mo-transition: all 2s ease-out 0s; display:block; width:100%; height:auto;}
.index_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;}

.index_news_left_content h3{ font-size:2.8rem; font-weight:normal; color:#e40421; line-height:1.5em; letter-spacing:0.6px; margin-top:4%; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;overflow: hidden;}

.index_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%;}
.index_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:5.5%; height:3px; background:#e40421; position:absolute; left:0; bottom:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; z-index: 2;}
.news_line2{width:53%; height: 3px; background: #dfdede;position:absolute; left:0; bottom:0; z-index: 1;}

.index_news_left_content:hover+.news_line{ width:53%;}

.index_news_list{ width:42%; float:right;}

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

.index_news_list ul li:hover{border-bottom:2px solid #e40421;}
.index_news_list ul li h3{ color:#333333; font-size:2rem; 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%;}

.index_news_list ul li p{line-height:1.8em; 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;}
.index_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:1350px){
.index_news_list  ul li{ padding-bottom:5.8%; margin-bottom:5.8%;}
}
@media screen and (max-width:1000px){
.index_news_left_content{ width:100%; float: none;}
.index_news_list{ width:100%; float: none;}
.news_line2,.news_line{ display: none;}
.index_news_left_content{ border-bottom: 3px solid #e40421; padding-bottom: 4%;}
.index_news_left_content h3{ margin-top: 3%;-webkit-line-clamp: 10;}
.index_news_list ul li{ padding-bottom:4.5%; margin-top:4.5%; margin-bottom:0;}
.index_news_list ul li:first-child + li + li{  border-bottom:2px solid #dfdede;}
.index_news_list ul li:first-child + li + li:hover{border-bottom:2px solid #e40421;}
.index_news_list ul li h3{-webkit-line-clamp: 10;}
}
@media screen and (max-width:560px){
.index_news_container{ margin-top: 6%;}
.index_news_left_content p,.index_news_list ul li p{font-size: 3.8vw;}
.index_news_left_content h3{ font-size: 4.4vw;    margin-top: 4%;}
.index_news_list ul li h3{ font-size: 4.2vw;}
.index_news_left_content h6,.index_news_list ul li h6{ font-size:3.2vw;}

.index_news_content_bottom{ margin-top: 3.5%;}
.index_news_content_top ul li{ width: 32%; float: left; margin: 0 2% 0 0;text-align: center; font-size: 4.5vw; padding-bottom: 2.5vw;}
.index_news_content_top ul li:nth-child(3n){ margin-right: 0; }
}

/* guanlian */

.index_quic_container{ width:100%; overflow:hidden; margin-top: 4%;}
.zhaoshang_left{ width:50%; float:left; position:relative; overflow:hidden;}
.zhaoshang_left img{ display:block; width:100%; height:auto; transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}
.zhaoshang_left: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;}

.zhaoshang_word{ width:280px; position:absolute; left:90px;   top:50%;
        transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(0,-50%);    /* Safari and Chrome */
        -o-transform: translate(0,-50%);     /* Opera */
        -moz-transform: translate(0,-50%);       /* Firefox */}

.zhaoshang_word h3{ font-size:3.2rem; line-height:1.6em; color:#fff; letter-spacing:0.6px; font-weight:500;}
.zhaoshang_word p{ font-size:16px; line-height:1.7em; color:#fff; letter-spacing:0.8px; margin-top:5%;}

@media screen and (max-width:1100px){
.zhaoshang_word{ left:4%;}
}


@media screen and (max-width:900px){
.zhaoshang_word{ left:15%;}
.zhaoshang_word p{ display:none;}
}

@media screen and (max-width:560px){
.index_quic_container{ margin-top: 6%;}
.zhaoshang_left{ float:none; width:100%; margin-bottom:2%;}
.zhaoshang_word{ left:10%;}
.zhaoshang_word h3{ font-size:5vw;}
}


/*footer*/
.footer_container{ width:100%;background:#545454; padding:3% 0 0 0; color:#fff;}
.footer_container a{ color:#fff;}
.footer_container a:hover{ color: #fa7485;}
.footer_content{ width:1720px; margin:0 auto 0 auto; padding-bottom:3%;}

.footer_left_content{ float:left; width:600px;}

.footer_left_content img.footer_logo{ display:block; height:52px; width:auto;}

.footer_left_content h3{ font-size:2rem; line-height:1.5em; font-weight:normal; letter-spacing:0.6px; margin:25px 0 20px 0;}

.footer_left_content p{ font-size:16px; line-height:1.5em; letter-spacing:1px; margin-top:12px;}

.footer_left_content p i{ float:left; margin:2px 10px 0 0;}

.footer_left_content p i img{ max-width:19px; height:auto;}

.footer_right_content{ float:right; }

.footer_right_content ul{ float:left; margin-left:75px;}

.footer_right_content ul li{ font-size:14px; line-height:1.5em; letter-spacing:1px; font-weight:normal; margin-bottom:10px;}
.footer_right_content ul li:first-child{ font-size:16px; line-height:1.5em; margin-bottom:25px;}

.footer_bottom_content{ width:100%; border-top:1px solid #ffffff;}
.footer_bottom{ width:1720px; margin:0 auto 0 auto; padding:1.5% 0;}
.footer_bottom p{ font-size:14px; line-height:1.5em; letter-spacing:0.6px;}

.footer_bottom p span{ margin-left:50px;}

.sco_top{display: none;}
.sco_top,.sco_top2{width: 40px; position:absolute;right: 3%; bottom: 4%;}
.sco_top img,.sco_top2 img{display: block;width: 100%;}
.totop_xuan{position:fixed;right: 20px; bottom: 5%; padding: 15px; background: #fff;box-shadow: 0 0 20px #ccc; z-index: 2; border-radius: 50%; display: none;}
.totop_xuan img{display: block;width: 18px;}

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

  .footer_content,.footer_bottom{ width:96%;}
  .footer_right_content ul{ margin-left:4vw;}
  .footer_left_content{ width: 32vw;}
.sco_top,.sco_top2{width: 35px;}
.footer_bottom p span{ margin-left: 3vw;}
}

@media screen and (max-width:1450px){
  .footer_right_content ul{ margin-left:3vw;}

}

@media screen and (max-width:1250px){
  .footer_left_content{ width: 28vw;}
    .footer_right_content ul{ margin-left:3vw;}
}




@media screen and (max-width:1150px){
.footer_right_content ul:nth-child(n+6){ display:none;}
  .footer_right_content ul{ margin-left:4vw;}
  .footer_left_content{ width: 30vw;}
}


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

  .totop_xuan{right: 5px; bottom: 3vh; padding: 10px; }
  .totop_xuan img{display: block;width: 15px;}
  .sco_top{width: 25px; bottom: 5%;}
  .sco_top2{width: 25px;bottom:11vh;}


  .footer_left_content{ width:100%;}
  .footer_right_content{ display:none;}
  .footer_left_content img.footer_logo{ width:auto; max-width:55%; height:auto; margin: 0 auto;}

  .footer_left_content h3{ font-size:18px; margin:5% 0 2% 0;}
  .footer_left_content p{ font-size:14px; margin-top: 6px;}
  .footer_left_content p i img{ max-width:13px;}
  .footer_left_content p i{ margin:4px 1.2% 0 0;}
  .footer_content{padding-bottom: 4%;}

  .footer_container{ padding-top:8%;}

  .footer_bottom p{ font-size:14px;}

  .footer_bottom p span{ display:block; margin-left:0; margin-top:5px;}

  .footer_bottom{ padding:4% 0;}
}


/*mobile footer*/

.xf_hei{width:100%; height:10vh; float:left; overflow:hidden; display:none; }
.xf_dh { width:100%; height:10vh; float:left; overflow:hidden; background:rgba(228,4,33,1);  position:fixed; bottom:0; left:0; z-index:998; display:none;}
.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:#FFF; 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;}
}


/*floor*/
.floorcon{ position:relative;}
.floor{ position:absolute; left:0; top:-110px;}