@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; } 

body{margin:0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"PingFang SC",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Microsoft Yahei"; font-size: 12px; } 

a{text-decoration:none;-webkit-tap-highlight-color:transparent;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}
 

a:hover{color:#d90100;text-decoration:none}

em,i{font-style:normal}

li{list-style:none}

img{border:0;vertical-align:middle}

table{border-collapse:collapse;border-spacing:0}

p{word-wrap:break-word}

 



.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}



.fl{ float: left; }

.fr{ float: right; }



html{overflow-y: scroll;height:100%;} 

html,body{min-width:1240px;}

.main{ width: 1200px; margin: 0 auto; display: block; position: relative;}



.top{width: 100%; display: block; position: fixed; top: 0; overflow: hidden; background: #000; z-index: 9998; }
/*.tp_dh{ float: right;  height: 29px; line-height: 29px; font-size: 18px; color: #fff; z-index:9999; display: block; right: 0;background-image: url(../images/ind_dh.png); background-size: 26px; background-position: left center; background-repeat: no-repeat; padding-left: 35px; box-sizing: border-box;   }*/
.tp_dh i{ font-size: 28px; display: inline-block; margin-right: 10px; color: #c40018;}
.tp_dh span{ font-size: 18px; color: #fff;   }
.logo{float: left; }

.logo img{ vertical-align: bottom; margin-right: 10px; float: left; display: inline-block; }

.tp_dh{ position: absolute; left:50%; margin-left: 600px; top: 20px; width: 150px;  height: 29px; line-height: 29px; font-size: 18px; color: #fff; z-index:9999; display: block;  background-image: url(../images/ind_dh.png); background-size: 26px; background-position: left center; background-repeat: no-repeat; padding-left: 35px; box-sizing: border-box;   }

.menu{ float: right; padding-top: 20px; padding-bottom: 10px; padding-right: 10px;}
.menu ul{ float: left;}
.menu ul li{ float: left;  display: block; position: relative; margin-left: 2px; }
.menu ul li a{ font-size: 14px; color: #ccc; font-weight: bold; line-height: 29px; padding: 0 20px;  height: 29px; display: block; }
.menu ul li a span{ display: inline-block; margin-right: 5px; }
.menu ul li a:hover,.menu ul li a.nav{ font-weight: bold; background: #d0021b; color: #fff; }
 
.datua{ width: 100%; height: 410px; display: block; margin: 59px auto 0; position: relative; text-align: center;background-size: cover; background-position: center; background-repeat: no-repeat;}
.datub{ width: 1200px; height: 300px; display: block; left: 50%; margin-left: -600px; top: 50%; margin-top: -150px;position: absolute; text-align: center;background-size: contain; background-position: center; background-repeat: no-repeat;}

.ind_datua{ width: 100%; height:740px; display: block; margin: 59px auto 0; position: relative; text-align: center;background-size: cover; background-position: center; background-repeat: no-repeat;}
.ind_datub{ width: 1200px; height: 360px; display: block; left: 50%; margin-left: -600px; top: 50%; margin-top: -180px;position: absolute; text-align: center;background-size: contain; background-position: center; background-repeat: no-repeat;}
 

.bana { width:100%; height:auto; margin:0 auto; text-align:center; position: relative; }
.bana img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center;}
.bncon{ width:960px; height: 440px; background: url(../images/banner.jpg_01.png) no-repeat center; position: absolute; z-index: 99; margin-left: -480px; left: 50%; top: 50%; margin-top: -220px;   }
.bansda{ width: 1200px; height: 360px; top: 50%; margin-top: -180px; left: 50%; margin-left: -600px; position: absolute; display: table-cell; vertical-align: middle; text-align: center; }
.bansda img{max-width: 1200px; max-height: 360px;display: block; text-align: center; margin: auto;; vertical-align: middle;}
 




.banner{ width: 100%; position: relative; overflow: hidden; display: block; height: 560px; margin-top: 78px; }
.zoomImagebans{width:100%;height:0;padding-bottom:30%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} 



.ind_bg1{ width: 100%; position: relative; overflow: hidden; background: #353535;  text-align: center; }

.ind_bg1 img{ max-width:1300px; height:auto; margin:0 auto; display:block; text-align:center;}



.ind_one{ width: 100%; position: relative; overflow: hidden;  }

.ind_txt{ width: 100%; position: relative; overflow: hidden; text-align: center;  }

.ind_txt img{ max-width: 540px; margin: 0 auto; display: block; text-align: center; height: auto; }

.ind_txt p{ font-size: 20px; padding-top: 10px; font-weight: bold; color: #333; display: block; width: 100%; text-align: center; position: relative; }



.ind_one_nav{width: 100%; padding-top: 65px; display: block; text-align: center; position: relative; overflow: hidden;}

.ind_one_nav ul{ width: 708px; margin: 0 auto; display: block; position: relative;  }

.ind_one_nav ul li{ width: 226px; height:64px; margin: 0 5px; display: block; float: left; background: url(../images/ind_icon_01.png) no-repeat; transition-duration: .5s;

-moz-transition-duration: .5s; /* Firefox 4 */

-webkit-transition-duration: .5s; /* Safari 和 Chrome */

-o-transition-duration: .5s; /* Opera */  }

.ind_one_nav ul li a{ font-size: 32px; color: #fff; line-height: 56px; display: block; padding-left: 45px; text-align: left; }

.ind_one_nav ul li:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);} 



.ind_one_nava{ width: 1200px; margin: 0 auto; display: block; position: relative; padding-top: 20px; overflow: hidden; }

.ind_one_nava ul li{ width: 100%; background: url(../images/ind_onen_bg.png)no-repeat; margin: 15px 0; padding: 18px 15px 15px 5px; box-sizing: border-box; display: block; height: 433px; }
 
.ind_one_nava ul li .ind_one_nava_lf{ width: 820px; float: left; height: 400px; display: block; overflow: hidden; border-radius: 10px 0 0 10px; position: relative; }

/*.ind_one_nava ul li .ind_one_nava_lf img{ border-radius: 10px 0 0 10px; width: 902px; height: 441px;  }*/
.ind_one_nava ul li .ind_one_nava_lf span{ width:60px; height: 60px; display: block; position: absolute; margin-left: -30px; margin-top: -30px; top: 50%; left: 50%; z-index: 999; text-align: center; font-size: 40px; color: #fff;transition: all 1s;   }
.ind_one_nava ul li .ind_one_nava_lf span:hover {transform: scale(1.1);}


.zoomImageA{width:100%;height:0;padding-bottom: 49%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} 
 
.ind_one_nava ul li .ind_one_nava_rg{ width: 360px; padding-top: 30px; box-sizing: border-box; height: 400px; background: #c40018; border-radius: 0 10px 10px 0; border-left: 5px solid #373536; float: right; position: relative; }
.ind_one_nav_rg1{ text-align: center; width: 100%; position: relative; margin: 0 auto; height: auto; z-index: 999; } 
.ind_one_nav_rg1 img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; z-index: 999;}
.ind_one_nav_rg2{ text-align: center; width: 60%; position: relative; margin: 0 auto; height: auto; z-index: 999; } 
.ind_one_nav_rg2 img{ max-width:100%; height:auto; margin:0 auto; display:block; text-align:center; z-index: 999;}
.ind_one_nav_rg5{ width: 100%;height: 240px; background-color: rgba(255,255,255,0.2); position: absolute; z-index: 2; display: block; right:0; top:82px;  }
.ind_one_nav_rg3{ width: 100%; height: 240px; position: relative; margin-top: -15px; display: block; overflow: hidden; z-index: 1;}
.zoomImageAa{width:100%;height:0;padding-bottom: 68%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} 
.ind_one_nav_rg4 a{ width: 236px; height: 36px; border: 2px solid #fff; margin: 25px auto 0; display: block; border-radius: 5px; line-height: 36px; text-align: center; font-size: 16px; color: #fff;  }
.ind_one_nav_rg4 a:hover{ background: #fff; color: #c40018; }



.ind_one_navb{width: 1200px; margin: 0 auto; display: block; position: relative; }
.ind_one_navb ul li{ width:570px; height: 314px; padding: 10px 15px 10px 5px; box-sizing: border-box;background: url(../images/ind_icon_02.png) no-repeat; margin-right: 60px; margin-bottom: 30px; margin-top: 30px; float: left; display: block; position: relative; }
.ind_one_navb ul li:nth-child(even){ margin-right: 0; }
.one_navb_1{ position: absolute; width: 130px; display: block; height: 60px; top: -4px; left: -37px; z-index: 11; background-image: url(../images/hot.png); background-size: cover; background-position: left top; background-repeat: no-repeat;     -ms-transform: rotateZ(6deg);
    -moz-transform: rotateZ(6deg);
    -webkit-transform: rotateZ(6deg);
    transform: rotateZ(6deg);}
.one_navb_2{ width: 550px; height: 294px; position: relative; overflow: hidden; display: block; z-index: 1; border-radius: 10px; }

.zoomImageB{width:100%;height:0;padding-bottom: 54%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.one_navb_2 span{ width:60px; height: 60px; display: block; position: absolute; margin-left: -30px; margin-top: -30px; top: 50%; left: 50%; z-index: 999; text-align: center; font-size: 40px; color: #fff;transition: all 1s;   }
.one_navb_2 span:hover {transform: scale(1.1);}
.one_navb_3 a{ width: 173px; height:139px; display: block; position: absolute; bottom: 0; right: 0; z-index: 99;  background-image: url(../images/ind_more.png); background-size: contain; background-position: right bottom; background-repeat: no-repeat;  }
.one_navb_3a{ position: absolute; bottom:10px; right: 15px; display: block; width: 115px; z-index: 22; }
.one_navb_3a img{ max-width: 100%;}
 

.ind_con_aconb{ width: 1200px; margin: 60px auto; display: block; position: relative; overflow: hidden; }

.ind_con_aconb ul li{ width: 25%; float: left; display: block; position: relative; overflow: hidden; color: #fff; background: #c40018; padding: 60px 0; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease;}

.ind_con_aconb ul li span{ font-size: 80px; display: block; height: 90px; line-height: 90px;   }

.ind_con_aconb ul li h2{ font-size: 30px; display: block; padding: 0 0 10px; }

.ind_con_aconb ul li p{ font-size: 18px; display: block; line-height: 25px; height: 100px;}

.ind_con_aconb ul li:nth-child(even){ background: #f2f2f2; color: #000 }
.ind_con_aconb ul li:nth-child(even) h2{ color: #c40018 }
.ind_con_aconb ul li:nth-child(even) p{ color: #333 } 

.ind_con_aconb ul li:hover span,.ind_con_aconb ul li:hover h2,.ind_con_aconb ul li:hover p{transform: translate3d(0,-10px,0); }


.ind_one_navb dl{ width: 641px; height: 353px; display: block; float: left; margin-right: 26px; position: relative; padding: 11px 14px 11px 6px; background: url(../images/ind_icon_02.png) no-repeat; box-sizing: border-box; margin-top: 15px; margin-bottom: 15px; }

.ind_one_navb dl dd{ width: 623px; height: 333px; display: block; position: relative; border-radius: 8px; overflow: hidden;}

/*.ind_one_navb dl dd img{width: 623px; height: 333px;  border-radius: 8px;}*/

.one_navb_a{ width: 140px; height: 175px; position: absolute;top: 0; left: 0;z-index: 999; background: url(../images/ind_icon_03.png) no-repeat ; padding-left: 15px; padding-right: 65px; padding-top: 18px; font-size: 40px; color: #fff; line-height: 45px; }
.ind_one_navb dl:nth-child(even){ margin-right: 0; }


.ind_moe{ width: 100%; position: relative; overflow: hidden; display: block; text-align: center; }
.ind_moe a{  width: 198px; display: block; font-size: 20px; color: #fff; background: #c40018; border-radius: 25px; margin:20px auto; line-height: 53px; height: 53px;  border: 1px solid #c40018; }
.ind_moe a:hover{color: #c40018; background: #fff; }


.ind_two{width: 100%; height:392px; padding:90px 0 20px; box-sizing: border-box; display: block; position: relative; overflow: hidden; background: url(../images/ind_two_icon_bg.png) no-repeat center; }

.ind_two_rg{ width: 350px; float: right; padding-right: 10px; display: block; }

.ind_two_rg ul{ width: 340px; display: block; position: relative; }

.ind_two_rg ul li{ width: 100%; display: block; float: left; height: 52px; margin-bottom: 15px; border-radius: 10px; background: #fff; position: relative; overflow: hidden; }

.ind_two_rg ul li label{ width: 65px; display: block; float: left; text-align: center; font-size: 18px; color: #121212; line-height: 52px; }

.insfa{ width: 270px; float: right; height: 52px; border: none; background: no-repeat; line-height: 52px; color: #a7a7a7; display: block; font-size: 18px; } 

.insumb{ width: 100%; display: block; line-height: 52px;  text-align: center; color: #fff; font-size: 20px;background: #ecbe31; border-radius: 10px; border: none;  }



.ind_case{width: 1300px; display: block; margin: 0 auto; position: relative; overflow: hidden; padding: 30px 0 0;} 

.case-swiper{width: 1176px; height:620px; margin: 0 auto; display: block; position: relative;}

.swiper-case-next {background: url(../images/case-next.png) ; right: 0; outline: none;}
.swiper-case-prev {background: url(../images/case-pre.png);left:0; outline: none;}
/*.swiper-case--next.swiper-button-disabled{background: url(../images/ind_zjgd_next_a.png) ;}
.swiper-case--prev.swiper-button-disabled {background: url(../images/ind_zjgd_pre_a.png);} */
.swiper-case-next, .swiper-case-prev { position: absolute; top: 280px; width:17px; height: 30px; z-index: 10; cursor: pointer; }


.ind_case_con{width: 100%; display: block; position: relative; overflow: hidden;}

.ind_case_con dl{ width: 350px; display: block; margin:10px 21px;  float: left; position: relative; overflow: hidden;} 
.ind_case_con dl dt{ width: 350px; height: 230px; display: block; position: relative; overflow: hidden; }
.ind_case_con dl dt img{ width: 350px; height: 230px; border-radius: 10px; display: block; overflow: hidden; position: relative;  transition: all 1s;}
.ind_case_con dl:hover dt img{transform: scale(1.1);}

.zoomImageC{width:100%;height:0;padding-bottom: 57%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} 

/*.ind_case_con dl dt img{ width: 420px; height: 240px; border-radius: 10px; display: block;}*/

.ind_case_con dl dd{ width: 100%; position: relative; overflow: hidden; height: 50px;line-height: 50px; font-size: 20px; color: #292929; display: block; border-top: 1px dashed #d0021b; margin-top: 10px; text-align: center; } 
.swiper-honor_img{ width: 220px; height: 260px; display: table-cell; text-align: center; vertical-align: middle;}
.swiper-honor_img img{ max-width: 220px; max-height: 260px; display: block; margin: auto; }
.ind_three{ width: 100%; display: block; position: relative; overflow: hidden; }
.ind_logo{width: 1200px; display: block; margin: 0 auto; position: relative; overflow: hidden; padding: 40px 0;} 
.ind_logo ul li{ width: 300px; display: block; float:  left; margin: 0; }
.log_mp{ width: 300px; height:125px; display: table-cell; vertical-align: middle; text-align: center;  }
.log_mp img{ max-width: 300px; max-height: 125px; display: block; margin: auto;; text-align: center; transition: all 1s; }
.ind_logo ul li:hover .log_mp img{transform: scale(1.1);}
.logo-swiper{width: 1300px; height:500px; margin: 0 auto; display: block; position: relative;}
.logo-swiper img{width: 1300px; height:500px;}
.ind_news{ width: 280px; float: left; padding: 60px 0 80px;}
.ind_news_txt{background: url(../images/ind_type.png) no-repeat left bottom;  padding-bottom: 4px; height: 22px; width: 100%; display: block; line-height: 22px;  position: relative; overflow: hidden; }
.ind_news_txt h2{ display: inline-block; width: 118px; text-align: center; font-weight: normal;  height: 22px; line-height: 22px; font-size: 16px; color: #fff; float: left; }
.ind_news_txt a{height: 22px; line-height: 22px; font-size: 12px; color: #7b7b7b; float: right; }
.ind_news_li_pc{ width: 100%; padding-top: 10px; padding-bottom: 15px;  display: block; position: relative; overflow: hidden;  } 
.ind_news_li_pc img{ width: 100%; height: 100px; display: block; overflow: hidden;  transition: all 1s;}
.ind_news_li_pc:hover img{transform: scale(1.1);}



.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
#scrollDiv,#scrollDiva,#scrollDivb{width:100%;height:150px; overflow:hidden;} 
#scrollDiv li,#scrollDiva li,#scrollDivb li{ width: 100%;  font-size: 14px; line-height: 25px; height: 25px; overflow: hidden; margin: 0 auto; box-sizing: border-box; display: block; color: #666; }
#scrollDiv li em,#scrollDiva li em,#scrollDivb li em{float: right; width: 80px; overflow: hidden; display: block;  color: #666; }
#scrollDiv li span,#scrollDiva li span,#scrollDivb li span{ width: 190px; float: left; overflow: hidden; display: block; color: #666;  }
 
.ind_news_li{ width: 100%; padding: 10px 0; display: block; position: relative; overflow: hidden; }
.ind_news_li dl{ width: 100%; display: block; float: left; position: relative; overflow: hidden; font-size: 16px; }
.ind_news_li dl dt{ width:72%; color: #333; height: 35px; float: left; line-height: 35px; display: block; overflow: hidden; position: relative;}
.ind_news_li dl dd{ width: 25%; color: #333; height: 35px; float: right;line-height: 35px; display: block; overflow: hidden; position: relative;}
.zoomImageD{width:100%;height:0;padding-bottom: 44%;overflow:hidden;background-position: center center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} 
/*.ind_news_li dl dd img{ width: 100%; height: 140px; padding: 5px 0; display: block; overflow: hidden; position: relative; }*/
.ind_baefs{ width: 1156px; margin: 0 auto; padding: 60px 0; display: block; position: relative; overflow: hidden; }
.ind_baefs ul li{ float: left; display: block; height: 342px; position: relative; }
.ind_baefs ul li img{transition: all 0.4s;}
.ind_baefs ul li:hover img{transform: scale(1.1);}
.ind_baefs ul li:nth-child(1){width:210px; height: 342px; }
.ind_baefs ul li:nth-child(2){width:229px; height: 342px; position: absolute; left: 136px; }
.ind_baefs ul li:nth-child(3){width:243px; height: 342px; position: absolute; left: 292px; }
.ind_baefs ul li:nth-child(4){width:260px; height: 342px; position: absolute; left: 457px; }
.ind_baefs ul li:nth-child(5){width:293px; height: 342px; position: absolute; left: 642px; }
.ind_baefs ul li:nth-child(6){width:317px; height: 342px; position: absolute; left: 840px; }



.footer{ width: 100%; height: auto; padding: 40px 0 20px; display: block; background: #333; position: relative; display: block; overflow: hidden; }

.font_logo{ float: left; padding-top: 10px; width: 300px; }
.font_logo img{ width: 250px; display: block; float: left; }
.font_logo p{ font-size: 14px; line-height: 30px; color: #fff; padding-top: 20px; width: 100%; overflow: hidden; }



.font_nav{width: 300px; float: left; padding-left: 60px; display: block; position: relative; }

.font_nav ul{ width: 100%; display: block; position: relative; padding: 20px 0 30px; overflow: hidden; }

.font_nav ul li{ width: 100px; display: block; float: left; line-height: 35px; height: 35px; position: relative; overflow: hidden; text-align: center; }

.font_nav ul li a{font-size: 14px; color: #fff;}

.font_nav dl{ width: 100px; display: block; float: left; position: relative; }

.font_nav dl dt{ width: 36px; padding:5px 32px; display: block; overflow: hidden; position: relative; }

.font_nav dl dt img{ width: 36px; }

.font_nav dl dd{ font-size: 14px; line-height: 35px; height: 35px; width: 100%; text-align: center; display: block; color: #828282; } 

.font_nav dl .div{width: 148px;height: 154px;background: url(../images/weix.png) no-repeat center; position: absolute; padding:15px 9px 9px; box-sizing: border-box;  right: 0; top: 30px; display: none;z-index: 111;} 

.font_nav dl .div img {width: 130px; height: 130px; display: block;}

 

.font_nav dl:hover .div{display: block;}

.font_ipt{ width: 400px; padding-top:50px; float: right; }

.font_ipt h2{ font-size: 30px; color: #fff; line-height: 45px; display: block; text-align: center; width: 100%; position: relative; overflow: hidden; }

.font_ipt p{ font-size: 12px; text-transform: uppercase; color: #fff; line-height: 18px; display: block; text-align: center; width: 100%; position: relative; overflow: hidden; }

.font_ipt ul{ width: 100%; display: block; position: relative; overflow: hidden; padding-top: 10px;  }

.font_ipt ul li{ width: 190px; float: left; margin:5px; display: block; position: relative; overflow: hidden; padding: 0 15px; box-sizing: border-box; height: 35px; background: #666666; border-radius: 5px; color: #fff; } 

.ignpt{ width: 100%; background: none; border: none; font-size: 14px; color: #fff; line-height: 35px; }

.font_ipt ul li input{ color: #fff; }

.bsg{ width: 390px; margin: 0 auto; padding-top: 5px; display: block; position: relative; overflow: hidden; }

.bafwein{ width: 100%; height: 35px; background: #c40018; text-align: center; font-size: 16px; color: #fff; border: none; border-radius: 5px; }



.bsg input::-webkit-input-placeholder { 

/* WebKit browsers */ 

color: #fff; 

} 

.bsg input:-moz-placeholder { 

/* Mozilla Firefox 4 to 18 */ 

color: #fff; 

} 

.bsg input::-moz-placeholder { 

/* Mozilla Firefox 19+ */ 

color: #fff; 

} 

.bsg input:-ms-input-placeholder { 

/* Internet Explorer 10+ */ 

color: #fff; 

}



.font_ipt input::-webkit-input-placeholder { 

/* WebKit browsers */ 

color: #fff; 

} 

.font_ipt input:-moz-placeholder { 

/* Mozilla Firefox 4 to 18 */ 

color: #fff; 

} 

.font_ipt input::-moz-placeholder { 

/* Mozilla Firefox 19+ */ 

color: #fff; 

} 

.font_ipt input:-ms-input-placeholder { 

/* Internet Explorer 10+ */ 

color: #fff; 

}



.fot_le{ float: left; display: block; font-size: 14px; color: #999999; line-height: 25px; }

.fot_rg{ float: right; }

.fot_rg a{ float: left; margin: 0 10px; display: block; font-size: 12px; line-height:25px; color: #999999;   }

.fot_rg em{ width: 1px; height: 14px; margin-top:7px; background: #999999; display: block; float: left; }