@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0; font-family:Microsoft YaHei;} 

body{margin:0; font-family:Microsoft YaHei; font-size: 12px; } 
a{text-decoration:none;-webkit-tap-highlight-color:transparent; color: #202020; }
 

textarea {  -webkit-appearance: none;}

input{ font-family:Microsoft YaHei;}

a:hover{color:#c20b13;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:1320px;}


.main{ margin: 0 auto; display: block; width: 1220px; position: relative; padding:0;} 
.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;}

.top{ width: 100%; background: #c20b13; position: relative; display: block; color: #fff;}
.ind_dy{display: block; width: 90px; float: left; line-height: 50px; height: 50px;  font-size: 16px; background-image: url(../images/ind_icon_02.png); background-repeat: no-repeat; background-position:  left center; background-size: 13px; padding-left: 30px; color: #fff; }
.ind_dy span{ display: inline-block; margin-left: 8px; width:12px; float: right;  }
.ind_dy span img{ max-width: 100%; }
.ind_dy:hover .dy_con{display: block;}

.dy_con ul li { display: block; float: left; width:75px; }
.dy_con ul li a{display:block; position: relative; color:#666; text-align:center; height:30px; line-height:30px; width:100%;  font-size:14px; overflow:hidden; }
.dy_con ul li a:hover{color:#000; font-weight: bold; text-decoration: none; background-color: #f6f6f6; }

.dy_con {
  width:400px;display:none; position:absolute; top:60px;left:0px; z-index:999;padding:15px;
  background:#fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; border-top: 2px solid #c20b13; }

.tooltip__arrow {
    width: 50px;
    height: 20px;
    position: absolute;
    top: -20px;
    left: 20%;
    transform: translateX(-50%);
    overflow: hidden;
}
.tooltip__arrow::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(0%) translateY(0%) rotate(45deg);
    top: 10px;
    left: 50%;border: 1px solid #c20b13; 
    box-shadow: 0 4px 10px rgba(0,0,0,.2);
}

.ind_dh{ display: block; float: left; margin-left: 35px; background-image: url(../images/ind_icon_04.png); background-repeat: no-repeat; background-position:  left center; background-size: 14px; padding-left: 30px; font-size: 18px; font-family: Airal; color: #fff; height: 50px; line-height: 50px; font-weight: bold; }
.ind_msg a{ float: right; padding: 0 20px; margin-top: 8px; height: 34px; line-height: 34px; background-color: #fff; border-radius: 20px;font-size: 16px; font-weight: bold; color: #c20b13;display: block; letter-spacing: 1px; }
.logo{ padding: 21px 0; float: left; display: block; }

.idn_acg{ float: left; margin-left: 50px; display: block; width: 210px; height: 34px; border: 1px solid#c20b13; padding: 1px 10px 1px 20px; box-sizing: border-box; margin-top: 27px;line-height: 34px; border-radius: 20px;}
.sub_idn_acg{ background-image: url(../images/ind_icon_05.png); background-repeat: no-repeat; background-position: right center; background-size: 20px; width: 20px; height: 30px; float: right; background-color: #fff; border: none; }
.idn_acg_put{ width: 150px; float: left; height: 30px; line-height: 30px; background: none; border: none; }
 

.menu{ float: right;}
.menu ul li{ display: block; float: left; position: relative; margin-left: 25px;}
.menu ul li a{ font-size: 18px; color: #000; line-height:96px; padding: 0px 1px; height: 96px; border-bottom: 4px solid #fff; display: block; position: relative;  }
.menu ul li a:hover{color: #000; border-bottom: 4px solid #c20b13;}

/*.menu li a em{ background: url(../images/ind_icon_04.png) no-repeat right 5px; width: 14px; height: 32px; display: block; font-style: normal; float: right;   } 
*/
.menu li a:hover,.menu li a.current{color:#d90100; position: relative; }
/*.menu li a.current:before{ width:18px; height: 2px; background: #d90100; display: block; position: absolute; left: 50%; margin-left: -9px; bottom: 0; content: ""; z-index: 111; }*/
.menu li ul {display: none;}
.menu li:hover ul {display:block; position:absolute; top:100px; padding: 0 10px; box-sizing: border-box; background-color: rgba(194,11,19,.7) ; left:-0; width:103px; z-index:999; }
.menu li:hover ul li a{display:block; color:#fff; border-bottom: 1px solid rgba(255,255,255,.3) ; text-align:center; height:50px; line-height:50px; width:83px; font-size:14px; overflow:hidden; padding: 0;}
.menu li:hover ul li { margin-left: 0;  }
.menu li:hover ul li a:hover {color:#fff; border-bottom: 1px solid rgba(255,255,255,.3) ; font-weight: bold;  text-decoration: none;  }
.menu li:hover ul li:last-child{padding-bottom: 10px; border-bottom: none;}
.menu li:hover ul li:first-child{padding-top: 10px;}

.swiper-banner{ text-align: center; width:100%; bottom: 20px; position: absolute; z-index: 22 }
.swiper-banner .swiper-pagination-bullet{width:40px;height:4px;margin:0 5px; border-radius: 2px; display:inline-block;background-color: rgba(255,255,255,.3) ; opacity:.2}
.swiper-banner .swiper-pagination-bullet-active{opacity:1;background-color: #c20b13 ; } 

.ind_one{ width: 100%; display: block; position: relative; overflow: hidden; padding-top:70px; }
.ind_txt{ width: 100%; text-align: center; display: block; position: relative; font-size: 30px; color: #202020; }
.ind_txt span{ width: 100%; display: block; position: relative; overflow: hidden; font-size: 18px; padding-top: 10px; }

.ind_one_ls{ width: 1224px; margin: 40px auto 20px; display: block; position: relative;overflow: hidden; }
.ind_one_ls dl{ width: 282px; float: left; display: block; position: relative; margin: 12px;webkit-transition: all .5s ease; transition: all .5s ease;box-shadow: 0 5px 10px 0 rgba(0,0,0,.19); }
.ind_one_ls dl dt{ width: 282px; height: 160px; display: block; overflow: hidden; position: relative; }
.ind_one_ls dl dt img{ width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; height:160px; display: block;}
.ind_one_ls dl dd{ width: 100%; padding: 20px; box-sizing: border-box; display: block; position: relative; overflow: hidden; }
.ind_one_ls dl dd h2{ font-size: 20px;color: #000; height: 25px; overflow: hidden; line-height: 25px; position: relative; display: block; }
.ind_one_ls dl dd p{ font-size: 16px; line-height: 25px; height: 50px; overflow: hidden; position: relative; display: block; margin-top: 10px;color: #8e8e8e; }


.ind_one_ls dl:hover dt img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 
.ind_moe{ width: 100%;text-align: center;display: block; }
.ind_moe ul{ text-align: center; }
.ind_moe ul li{ display: inline-block; }
.ind_moe ul li a{width: 135px; border-radius: 20px; height: 35px; font-size: 16px; line-height: 35px; border: 1px solid #c20b13; background: #c20b13; color: #fff; display: block; }
.ind_moe ul li a:hover,.ind_moe ul li a.nav{ border: 1px solid #202020; background: #fff; color: #202020; }
.ind_two_as{ width: 590px; display: block; position: relative; overflow: hidden; }
.ind_two_astxt{ width: 100%;padding: 0 0 0 10px; box-sizing: border-box; display: block; position: relative; overflow: hidden;  line-height: 60px; height: 60px;font-size: 22px; color: #000; z-index: 22; }
.ind_two_astxt:before{ width: 150px; height: 3px; background: #c20b13; display: block; left: 0; top: 57px; position: absolute; z-index: 333;content: ""; }
.ind_two_astxt:after{ width: 100%; height: 3px; background: #d0d0d0; display: block; left: 0; top: 57px; position: absolute; z-index: 33;content: ""; }

 
/*.ind_two_astxt:before{ width: 150px; height: 3px; background: #c20b13; display: block; left: 0; top: 57px; position: absolute; z-index: 333;content: ""; }*/
 

.menu1box:after{ width: 100%; height: 3px; background: #d0d0d0; display: block; left: 0; top: 57px; position: absolute; z-index: -2;content: ""; }
.menu1box{ width: 100%; float: left;  display: block; position: relative;  z-index: 22;  overflow: hidden; }
.menu1box ul li { display:block; float: left; box-sizing: border-box; line-height: 60px; height: 60px;font-size: 22px; color: #000;  padding: 0 10px; cursor: pointer;border-bottom: 3px solid #d0d0d0; }  
.menu1box ul li.hover { border-bottom: 3px solid #c20b13;}  


 
#main1 ul {display: none;}
#main1 ul.block {display: none;} 



.ind_two_ascon{ width: 100%; box-sizing: border-box; padding:20px 10px; display: block; position: relative; overflow: hidden; }
.ind_two_ascon dl{ width: 100%; display: block; float: left; position: relative; font-size: 16px; color: #636363;height: 45px; line-height: 45px;  overflow: hidden; box-sizing: border-box;  }
.ind_two_ascon dl dt{ width: 80%; float: left; overflow: hidden; position: relative; display: block; }
.ind_two_ascon dl dd{ width: 20%; float: right; overflow: hidden; position: relative; display: block; text-align: right; }

.ind_two_ascon dl:nth-child(1),.ind_two_ascon dl:nth-child(2),.ind_two_ascon dl:nth-child(3){background-image: url(../images/ind_icon_06.png); background-repeat: no-repeat; background-position:  left center; background-size: 28px; padding-left: 35px; }
.ind_two_asdown{width: 100%; padding:30px 10px; box-sizing: border-box; display: block; position: relative; overflow: hidden;}
.ind_two_asdown dl{ width: 277px; margin-right: 15px; box-sizing: border-box; padding:27px 20px; display: block; float: left; border: 1px solid #efefef; margin-bottom: 15px; }
.ind_two_asdown dl dt{ width: 28%; float: left; }
.ind_two_asdown dl dt img{ max-width: 100%; }
.ind_two_asdown dl dd{ width: 70%; float: right; font-size: 16px; padding-top: 5px; color: #202020; line-height: 100%; display: block; text-align: center;}
.ind_two_asdown dl:nth-child(even){ margin-right: 0; }

.ind_logo{ width: 1200px; margin: 0 auto; display: block; position: relative;  overflow: hidden; padding-top: 40px; padding-bottom: 40px; }
.ind_logo dl{ width:200px; background-color: #fff; float: left; display: block;  margin-right: 50px; margin-bottom: 15px;}  
.ind_logo dl:nth-child(5n){ margin-right: 0; }
.ind_logo dl dt{ width: 200px; height:110px; display: table-cell; vertical-align: middle; text-align: center;  }
.ind_logo dl dt img{ max-width: 200px; max-height: 110px; display: block; margin: auto;; text-align: center; transition: all 1s; }
.ind_logo dl dd{ width:100% ;  display: block; position: relative; overflow: hidden; font-size: 18px; line-height: 50px; height: 50px; color: #202020; text-align: center;}
.ind_logo dl:hover dt img{transform: scale(1.1);}

.ind_honor{ width: 1300px; margin: 0 auto; position: relative; overflow: hidden; padding: 50px 0; display: block; }
.honor-swiper{ width: 1200px; height: 365px; margin: 0 auto; display: block; position: relative;  }
.sw-hor_mg{ width: 224px; margin-right: 20px; display: block; }
.sw-hor_mga{ width: 100%; display: block; text-align: center; border: 1px solid #eeeeee; position: relative; border-radius: 5px; padding-bottom: 13px; }
.sw-hor_mga img{ width: 100%; height: 280px; display: block;  border-radius: 5px; }
.sw-hor_mga h2{ font-size: 18px; color: #262626; height: 40px; line-height: 40px; display: block; text-align: center; }
.sw-hor_mga span{ width: 100%; height: 30px; line-height: 30px; display: block;  text-align: center;font-size: 14px; color: #797979;}
.sw-hor_mgb{ background-color:rgba(0,0,0,.7) ; position: absolute; top: 0; left: 0; width: 100%; height:365px; border-radius: 5px; z-index: 11; color: #fff; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 25px;text-align: justify; display: none; }
.sw-hor_mg:hover .sw-hor_mgb{ display: block; }

.bgf5{ width: 100%; height: auto; background-color: #f5f5f5; position: relative; padding: 50px 0 20px; display: block; overflow: hidden;  }
.ind_news{ width: 1200px; margin: 0 auto; display: block; position: relative; overflow: hidden; padding: 40px 0 0; }
.ind_news dl{ width:380px; float: left; display: block; margin-right: 30px; margin-bottom: 30px; }
.ind_news dl:nth-child(3n){ margin-right: 0; }
.ind_news dl dt{ width: 130px; float: left;  }
.ind_news dl dt img{ width: 130px; }
.ind_news dl dd{ width:230px; float: right;  }
.ind_news dl dd h2{ width: 100%; font-weight: normal; font-size: 18px; height: 60px; margin-bottom:5px; line-height: 30px; color: #202020; overflow: hidden; display: block; position: relative;  }
.ind_news dl dd p{ width: 100%; font-size: 14px; margin-bottom: 3px; color: #8e8e8e; display: block; line-height: 25px; height: 50px; position: relative; overflow: hidden; }
.ind_news dl dd span{ font-size:16px; color: #fff; background-color: #c20b13; border: 1px solid #c20b13; padding: 0 15px; line-height: 26px; height: 26px; display: inline-block; float: left; border-radius: 0 20px 20px 0; margin-top: 10px; }
.ind_news dl:hover dd span{ background-color: #fff; color: #c20b13; }
.ind_con_le{ width:590px; float: left; display: block; position: relative; overflow: hidden;  }
.ind_con_le dl{ width: 285px; float: left; margin-right: 20px; display: block; position: relative; }
.ind_con_le dl:nth-child(2){ margin-right: 0; }
.ind_con_le dl dt{ width: 100%; display: block; position: relative;  }
.ind_con_le dl dt img{ width: 100%; height: 350px; display: block; }
.ind_con_le dl dd{ width: 100%; position: absolute; top: 0; left: 0; display: block; height: 350px; }
.ind_con_le dl dd h2{ font-size:24px; color: #fff; padding-left: 30px; padding-top: 60px; width: 100%; box-sizing: border-box; }
.ind_con_le dl dd span{ width: 100%; padding-left: 30px; padding-top: 20px; box-sizing: border-box; display: block; position: relative; overflow: hidden; font-size: 14px; color: #fff; }
.ind_con_le dl dd a{position: absolute;bottom: 40px; left: 0; font-size: 16px; color: #fff; background-color: #c20b13; display: block; padding: 0 40px; border-radius: 0 20px 20px 0; height: 45px; line-height: 45px;}
.ind_con_rg{ width: 590px; float: right; border: 6px solid #f5f5f5; box-sizing: border-box; background-color: #fff; padding: 31px 50px; }
.ind_con_rg h2{ width: 100%; font-size: 26px; color: #000; text-align: center; display: block; position: relative; overflow: hidden; line-height: 50px; height: 50px; font-weight: normal; }
.ind_con_rg span{ width: 100%; font-size: 14px; color: #8c8c8c; line-height: 30px; height: 30px; display: block; position: relative; overflow: hidden; text-align: center; }
.ind_con_msg{ width: 360px; margin: 0 auto; display: block; position: relative; padding: 11px 0; }
.ind_con_msg ul li{ width: 100%; display: block; float: left; margin: 6px 0; }
.msg_inp{ width: 320px; padding: 0 20px; display: block; height: 33px; line-height: 33px; font-size: 14px; color: #b7b7b7; border: 1px solid #b7b7b7; }
.ind_con_pc{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #8c8c8c; display: block; text-align: center; position: relative; overflow: hidden; }
.msg_sub{ width: 220px; height: 40px; line-height: 40px; margin: 20px auto 0; display: block; background-color: #c20b13; border-radius: 20px; font-size: 18px;color: #fff; border: none; } 

.footer{ width: 100%; background-color: #e3e3e3; padding: 40px 0; display: block; position: relative; overflow: hidden; }
.fot_le{ width: 830px; float: left; display: block; }
.fot_lea{ width: 100%; display: block; font-size: 26px; color: #202020; height: 50px; line-height: 50px; position: relative; overflow: hidden; }
.fot_leb{ width: 100%; display: block; font-size: 16px; color: #202020; height: 56px; line-height: 28px; position: relative; overflow: hidden; padding-top: 10px; }
.fot_lec{ width: 100%; display: block; font-size: 16px; color: #202020; height: 30px; line-height: 30px; position: relative; overflow: hidden; padding-top: 40px; }
.fot_lec a{ color: #202020; }
.fot_led{ width: 100%; display: block; font-size: 16px; color: #202020; height: 30px; line-height: 30px; position: relative; overflow: hidden; }
.fot_lee{ width: 100%; box-sizing: border-box; display: block; font-size: 22px; margin-top: 10px; color: #c20b13; font-weight: bold; background-image: url(../images/ind_icon_03.png); background-repeat: no-repeat; background-position:  left center; background-size: 20px; padding-left: 40px; }
.fot_wx{ width: 180px; float: right; text-align: center; display: block;}
.fot_wx img{ max-width: 100%; display: block; }
.fot_wx span{ width: 100%; text-align: center; font-size: 16px; color: #8c8c8c; line-height: 28px; padding-top: 20px; display: block; position: relative; overflow: hidden; }
.foot{ width: 100%; position: relative; overflow: hidden; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background-color: #524e4e; color: #9c9c9c; display: block; }
.foot a{ color:#9c9c9c  }



 
.swiper-honor-next {background: url(../images/ind_zjgd_next.png) ; right: 1px; outline: none;}

.swiper-honor-prev {background: url(../images/ind_zjgd_pre.png);left:1px; outline: none;}

.swiper-honor-next.swiper-button-disabled{background: url(../images/ind_zjgd_next_a.png) ;}

.swiper-honor-prev.swiper-button-disabled {background: url(../images/ind_zjgd_pre_a.png);} 

.swiper-honor-next, .swiper-honor-prev { position: absolute; bottom: 50%; margin-bottom: -17px; width: 24px; height: 34px; z-index: 10; cursor: pointer; }

 

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

 



.secw6 .slideBox ul{overflow:hidden;zoom:1}
.secw6 .slideBox ul li{margin:0 6px;float:left;_display:inline;overflow:hidden;text-align:center}
.secw6 .slideBox ul li .pic{text-align:center}
.secw6 .slideBox ul li .pic img{width:156px;height:198px;display:block}
.secw6 .slideBox ul li .pic a:hover img{border-color:#999}
.secw6 .slideBox ul li .title{line-height:28px; background:#cf251f;color: #fff}
.secw6 .slideBox ul li .title a{color:#FFF}