* { margin: 0px; padding: 0px; }
html, body { width: 100%; height: 100%; background: #fff; font-family: "微软雅黑"; color: #000 }
a { color: #000; font-size: 14px; text-decoration: none; }
a:hover { color: #c81622; font-size: 14px; text-decoration: none; }
ul, li, ol { list-style: none; }
input, textarea { font-family: "微软雅黑"; font-size: 16px; }
b, em, i { font-style: normal; font-weight: normal; }
.main { width: 1200px; margin: auto; clear: both; }
.fl { float: left; }
.fr { float: right; }
input, select, textarea { outline: none; border: none/*-webkit-appearance: none;*/ }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#9c9c9c;
font-size: 14px;
}
input:-moz-placeholder {
　　color:#9c9c9c;
font-size: 14px;
　　
}
input::-moz-placeholder {
color:#9c9c9c;
font-size: 14px;
}
input:-ms-input-placeholder {
color:#9c9c9c;
font-size: 14px;
}
textarea { resize: none; color: #9c9c9c; font-size: 14px; }
a { text-decoration: none; color: #333 }
i, em, b, h1, h2, h3, h4, h5 { font-style: normal; font-weight: normal; }
.head { width: 100%; float: left; font-size: 14px; color: #666; height: 40px; line-height: 40px; background: #f4f4f4;/* border-bottom: 1px solid #e3e7eb; */
}
.head .fr li { float: left; position: relative; padding: 0px 15px; border-left: 1px solid #e3e7eb; }
.head .fr li img { vertical-align: middle; }
.logo { width: 100%; height: 130px; float: left; }
.logo .main { width: 1200px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.logo .fl { margin-top: 25px; }
.logo .fr { display: flex; /* width: 220px;; */
justify-content: flex-start; }
.logo .fr dt { width: 66px; height: 96px; display: inline-block; background-color: #c81622; border-radius: 0px 0px 3px 3px; ; ; text-align: center; display: inline-flex; justify-content: center; align-items: flex-start; }
.logo .fr dt img { display: inline-flex; margin-top: 40px; ; }
.logo .fr dd { width: 190px; margin-top: 40px; margin-left: 10px; ; }
.logo .fr dd b { width: 100%; display: inline-block; font-size: 16px; ; }
.logo .fr dd p { width: 100%; display: inline-block; font-size: 24px; color: #c81622; }
.header { width: 100%; float: left; }
.nav { width: 100%; height: 64px; line-height: 64px; float: left; background: #c81622; }
.nav ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; }
.nav ul li { width: 150px; float: left; height: 64px; line-height: 64px; display: inline-block; cursor: pointer; }
.nav ul li a { width: 100%; height: 64px; line-height: 64px; display: inline-block; text-align: center; color: #fff; font-size: 16px; position: relative; }
.nav ul li:hover>a, .nav ul li.active>a { /* border-bottom:3px solid #c81622; */
color: #fff; background: #840009; }
.nav ul li:hover>a::before, .nav ul li.active>a::before { content: ''; position: absolute; bottom: 0px; left: 70px; width: 0px; height: 0px; border: 5px solid #c81622; border-color: transparent transparent #c81622 transparent }
.nav ul li:hover dl { display: block; }
.nav ul li dl { width: 100%; position: relative; top: -1px; display: none; z-index: 9; left: 0px; }
.nav ul li dl dd { height: 40px; line-height: 40px; width: 100%; }
.nav ul li dl dd a { height: 40px; line-height: 40px; width: 100%; background: #c81622; display: inline-block; color: #fff; font-size: 14px; border: none; }
.nav ul li dl dd a:hover { background: #840009 }
.swiper-container1 { position: relative; top: 0px; float: left; width: 100%; }
.swiper-container1 img { width: 100%; border: none; float: left; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15px; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5px; }
.swiper-pagination-bullet { background: #fff; opacity: 1; width: 12px; height: 12px; border-radius: 12px; margin-right: 0px; }
.swiper-pagination-bullet-active { opacity: 1; width: 60px; background: #fff; height: 12px; }
.index_search { width: 100%; float: left; height: 60px; line-height: 40px; background: rgba(238, 238, 238, 0.4); border-bottom: 1px solid #e9e9e9; }
.index_search dl, .index_search dl dt, .index_search dl dd { float: left; line-height: 60px; }
.index_search dl dt { font-size: 18px; color: #c81622; }
.index_search dl dd a { float: left; margin: 0px 10px; }
.index_search p { float: right; width: 325px; margin-top: 5px; height: 42px; background-color: #ffffff; border-radius: 21px; border: solid 2px #c81622; background: #c81622; overflow: hidden; display: flex; align-items: center; }
.index_search p input[type=submit] { width: 70px; height: 40px; font-size: 14px; color: #fff; background: url(../image/icon2.png) center center no-repeat #c81622; }
.index_search p input[type=text] { background: #fff; width: 250px; height: 42px; font-size: 14px; color: #333; text-indent: 10px;/* margin-left: 5px; */
}
.index { width: 100%; float: left; }
.index_tit { width: 1200px; margin: 0px calc((100% - 1200px)/2); float: left; text-align: center; padding-bottom: 30px; }
.index_tit i { width: 5px; height: 5px; border-radius: 50%; display: inline-block; background: #333; margin: 0px 10px; }
.index_tit p { width: 100%; line-height: 40px; height: 40px; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; font-size: 34px; margin-top: 60px; }
.index_tit p b { font-weight: bold; }
.index_tit span { position: relative; width: 1200px; display: inline-block; height: 1px; background: #cfcfcf; left: 0px; ; }
.index_tit strong { width: 50px; height: 7px; position: absolute; background: #c81622; top: -3px; margin-left: -25px; ; border-radius: 3px; }
.index1 { width: 100%; float: left; /* padding-top: 70px; */
background: #fff; padding-bottom: 30px; ; }
.left_nav { width: 282px; height: 650px; background-color: #c81622; border-radius: 3px; }
.left_nav .big_nav { margin-bottom: 30px }
.big_nav ol li { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.big_nav ol li b { width: 40px; height: 3px; background-color: #ffffff; border-radius: 2px; margin-top: 25px; ; }
.big_nav ol li p { font-size: 18px; padding: 3px 0px 0px; ; color: #ffdddd; }
.big_nav ol li span { font-size: 28px; float: left; color: #fff; }
.left_nav p { font-size: 28px; color: #eee; text-align: left; padding-left: 30px; ;/* position: relative; */
    /* background: #c81622 */
}
.left_nav p b { position: relative; height: 70px; line-height: 70px; color: #fff; }
.left_nav p img { margin-right: 10px; ; }
.left_nav .slider_bar { width: 273px; height: 465px; background-color: #ffffff; border-radius: 3px; background-color: #fff; border-radius: 5px; margin: 0px 5px; float: left; padding-top: 10px;/* border: 1px solid #eaeaea */
}
.slider_bar li dl { display: none; }
.left_nav .slider_bar li { width: 260px; margin: 0px 8px; float: left; line-height: 30px; text-align: center; }
.left_nav .slider_bar li:last-child { border: none }
.left_nav .slider_bar>li>a { font-size: 14px; color: #444; float: left; display: block; width: 100%; height: 100%; color: #c81622; }
.left_nav .slider_bar li h5 { width: calc(100% - 30px); padding-left: 30px; ; text-align: left; /* text-indent: 20px; */
position: relative; border-bottom: 1px solid #f0f0f0; float: left;/* background: #eee */
}
.left_nav .slider_bar li h5 a { font-size: 16px; line-height:45px; display: inline-flex; flex-direction: row; align-items: center; }
.left_nav .slider_bar li h5 a img { margin-right: 10px; ; }
.left_nav .slider_bar li:last-child h5 { border: none; }
.left_nav .slider_bar li.active h5 { margin-right: -1px }
.left_nav .slider_bar li h5 i { margin-right: 10px; ; }
.left_nav .slider_bar li dd { width: 100%; float: left; border-bottom: 1px dashed #d7d7d7; text-align: left; text-indent: 42px; float: left; }
.left_nav .slider_bar li dd:last-child { border: none }
.left_nav .slider_bar li h5 span { position: absolute; right: 0; top: 0; height: 50px; width: 50px; cursor: pointer }
.left_nav .slider_bar li dd.select a { color: #c81622 }
.left_nav .slider_bar li dd a:hover { color: #c81622 }
.bus_style { width: 870px; float: right; }
.bus_style ul { float: left; width: 100%; }
.bus_style ul li { float: left; margin-right: 15px; margin-bottom: 30px; background: #fff; text-align: center; width: 276px; height: 318px; background-color: #ffffff; border-radius: 3px; }
.bus_style ul li:nth-child(3n) { margin-right: 0px; }
.bus_style ul li a { display: inline-block; width: 100%; text-align: center; }
.bus_style ul li img { width: calc(100% - 2px); display: inline-block; border: solid 1px #dcdcdc; float: left;/* height: 200px; */
}
.bus_style ul li b { width: 100%; text-align: center; display: inline-block; line-height: 40px; background: #eaeaea; color: #333333; float: left }
.bus_style ul li:hover img { border: 1px solid #c81622; }
.bus_style ul li:hover b { background: #c81622; color: #fff; }
.index2 { background: url(../image/index2.jpg) top center no-repeat; height: 1886px; }
.index2_con { width: 100%; float: left; padding-top: 40px; ; }
.index2_con dl { width: 500px; height: 330px; padding: 70px 60px 0px 50px; ; }
.index2_con dl.fl { float: left; }
.index2_con dl.fr { float: right; }
.index2_con dl { display: flex; flex-direction: column;/* justify-content: center; */
}
.index2_con dl dt { display: flex; flex-direction: row; justify-content: flex-start; ; align-items: center; margin-bottom: 10px; ; }
.index2_con dl dt b { width: 62px; height: 100px; line-height: 100px; text-align: center; background: url(../image/icon4.png) center center no-repeat; font-size: 48px; color: #fff; margin-right: 10px; ; }
.index2_con dl dt p { display: flex; flex-direction: column; }
.index2_con dl dt p i { font-size: 28px; color: #c81622; margin-bottom: 3px; ; }
.index2_con dl dt p span { font-size: 18px; color: #333; }
.index2_con dl dd { display: flex; margin-left: 73px; ; flex-direction: column; }
.index2_con dl dd p { margin-bottom: 15px; position: relative; line-height: 26px; ; }
.index2_con dl dd p::before { position: absolute; content: ''; width: 10px; height: 10px; background: #c81622; display: inline-block; border-radius: 50%; left: -20px; top: 8px; }
.index3 { width: 100%; float: left; padding-bottom: 70px; }
.index3_tit { width: 100%; height: 72px; background-color: #ededed; border-radius: 3px; float: left; margin-bottom: 30px; ; }
.index3_tit ul { width: 100%; display: flex; height: 72px; line-height: 72px; justify-content: space-between; align-items: center; }
.index3_tit ul li { width: 300px; height: 72px; line-height: 72px; border-right: 1px solid #fff; border-left: 1px solid #dbdbdb; display: flex; justify-content: flex-start; }
.index3_tit ul li:first-child { border-left: none; }
.index3_tit ul li:last-child { border-right: none; }
.index3_tit ul li a { width: 275px; height: 65px; margin: 5px 10px 0px 10px; ; line-height: 65px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; color: #333333; }
.index3_tit ul li a:hover, .index3_tit ul li.hover a { background-color: #ffffff; box-shadow: 1px 2px 2px 0px  rgba(0, 0, 0, 0.18); border-radius: 3px; border-bottom: 2px solid #c81622; }
.index3_tit ul li img { margin-right: 5px; ; }
.index3_con { width: 100%; float: left; height: 631px; overflow: hidden; }
.index3_tab dl { width: 100%; height: 630px; position: relative; }
.index3_tab dl dt { position: absolute; top: 0px; left: 0px; ; }
.index3_tab dl dd { position: absolute; height: 95px; ; bottom: 0px; left: 0px; background: rgba(200,22,34,.8); width: calc(100% - 60px); padding: 20px 30px; display: flex; justify-content: space-between; align-items: center; }
.index3_tab dl dd b { font-size: 20px; margin-bottom: 10px; }
.index3_tab dl dd p { display: flex; flex-direction: column; color: #fff; font-size: 14px; line-height: 24px; ; }
.index3_tab dl dd a { width: 86px; height: 37px; line-height: 37px; ; border-radius: 3px; text-align: center; display: inline-block; color: #fff; border: solid 1px #ffffff; }
.index3_tab dl dd a:hover { background: #fff; color: #c81622; }
.index4 { width: 100%; float: left; height: 853px; background: url(../image/index4.png) center center no-repeat; }
.index4_tit { width: 100%; float: left; margin-bottom: 20px; ; }
.index4_tit ul { display: table; margin: auto; height: 50px; line-height: 50px; }
.index4_tit ul li { width: 180px; float: left; height: 50px; line-height: 50px; display: flex; justify-content: flex-start; margin-right: 20px; ; }
.index4_tit ul li a { width: 178px; height: 49px; background-color: #ffffff; border-radius: 25px; border: solid 1px #b3b3b3; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; color: #333333; }
.index4_tit ul li a:hover, .index4_tit ul li.hover a { border: solid 1px #c81622; color: #c81622; }
.index4_con { width: 100%; float: left; height: 568px;}
.index4_tab, .index4_tab ul { width: 100%; float: left; }
.index4_tab ul li { width: 280px;margin-right: 25px; margin-bottom: 30px; float: left; text-align: center; background: #fff; }
.index4_tab ul li img { padding: 2px; width: 276px;max-height:212px;}
.index4_tab ul li:nth-child(4n) { margin-right: 0px; ; }
.index4_tab ul li b { height: 40px; line-height: 40px; ; }
.index5 { width: 100%; float: left; height: 430px; background-color: #ededed; }
.index5_con, .index5_con ul { width: 100%; float: left; }
.index5_con ul { display: flex; justify-content: space-between; flex-direction: row; position: relative; }
.index5_con ul::before { content: ''; position: absolute; top: 130px; left: 0px; width: 100%; height: 1px; ; border-bottom: 1px dashed rgba(134,134,134,.2); }
.index5_con ul li { display: flex; flex-direction: column; align-items: center; cursor: pointer; }
.index5_con ul li b { width: 77px; height: 77px; background: url(../image/icon_21.png) center center no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 20px 10px; }
.index5_con ul li:hover b { width: 77px; height: 77px; background: url(../image/icon_22.png) center center no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 20px 10px; }
.index5_con ul li i { width: 15px; height: 15px; display: inline-block; border-radius: 50%; background-color: #868686; opacity: 0.5; margin-top: 7px; ; }
.index5_con ul li span { color: #333333; font-size: 16px; margin-top: 20px; ; }
.index6 { width: 100%; float: left; height: 550px; background: url(../image/index6.jpg) top center no-repeat; }
.index6_con { width: 100%; margin-top: 20px; float: left; /* height: 208px; */
background-color: #ffffff; box-shadow: 4px 4px 18px 0px  rgba(0, 0, 0, 0.15); border-radius: 3px;height: 280px; }
.index6_con dl { width: 100%; float: left; padding-top: 20px; padding-bottom: 35px; }
.index6_con dl dt, .index6_con dl dd { width: 1120px; margin: 0px 40px; ; float: left; }
.index6_con dl dt { display: inline-flex; justify-content: space-between; align-items: center; }
.index6_con dl dt p { display: flex; flex-direction: column; }
.index6_con dl dt p b { font-size: 20px; color: #333333; margin-bottom: 5px; ; }
.index6_con dl dt p i { font-size: 18px; color: #c81622; position: relative; }
.index6_con dl dt p i::before { position: absolute; content: ''; top: 30px; width: 46px; height: 6px; background-color: #c81622; border-radius: 3px; }
.index6_con dl dt a { width: 179px; height: 50px; line-height: 50px; display: inline-block; text-align: center; border-radius: 2px; border: solid 1px #c81622; color: #c81622; font-size: 20px; }
.index6_con dl dt a:hover { background: #c81622; color: #fff; }
.index6_con dl dd { margin-top: 20px; float: left; }
.index6_con dl dd p { width: 100%; font-size: 14px; line-height: 24px; ; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.contactbot { width: 100%; float: left; margin-bottom: 50px; }
.contact_top { width: 100%; float: left; margin-top: 60px; }
.contact_top1 { width: 100%; float: left; height: 180px; background: #f5f6f6; }
.contact_top1 p { width: 280px; height: 180px; float: left; background: #c81622; display: flex; align-items: center; justify-content: center; }
.contact_top1 span { padding: 50px 0px 0px 50px; width: 850px; display: inline-flex; font-size: 15px; line-height: 30px; flex: 1; float: left; flex-direction: column; }
.contact_top2 { width: 100%; float: left; margin-top: 50px; margin-bottom: 60px; }
.contact_top2 ul { width: 100%; display: inline-flex; justify-content: space-between; align-items: flex-start; flex-direction: row; }
.contact_top2 ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.contact_top2 ul li b { width: 180px; height: 180px; border-radius: 50%; background: #f5f6f6; display: inline-flex; justify-content: center; align-items: center; }
.contact_top2 ul li:hover b { background: #c81622; }
.contact_top2 ul li b img:last-child { display: none; }
.contact_top2 ul li:hover b img:last-child { display: block; }
.contact_top2 ul li:hover b img:first-child { display: none; }
.contact_top2 ul li p { width: 200px; text-align: center; margin-top: 25px; ; }
.index_news { width: 100%; float: left; background: #fff; padding-top: 60px; padding-bottom: 40px; }
.news_l { width: 670px; float: left; margin-right: 40px; }
.news_r { float: left; width: 490px; height: 490px;/* padding: 0px 20px; */
	/* border: solid 1px #eeeeee; */
}
.news_l_t { width: 100%; float: left; }
.news_l_t li { float: left; font-size: 20px; color: #666; cursor: pointer; margin: 0px 10px; height: 40px; position: relative; }
.news_l_t li:before { position: absolute; right: -15px; top: 0px; color: #666; }
.news_l_t li { color: #009f31; font-weight: bold; font-size: 24px; }
.news_l_t span { float: right; text-transform: uppercase; }
.news_l_con { width: 100%; float: left; height: 442px; overflow: hidden; }
.news_lcon dl { color: #666666; float: left; margin-bottom: 10px; width: 670px; height: 214px; border: solid 1px #eeeeee;padding: 10px 0;}
.news_lcon dl dt { width: 340px; float: left; margin-right: 30px; }
.news_lcon dl dt img { float: left; border: none; width: 340px; }
.news_lcon dl dd { width: calc(100% - 380px); float: left; padding-top: 0px; }
.news_lcon dl dd p a { font-size: 18px; color: #333; width: 100%; display: inline-block; float: left; margin: 20px 0px 5px }
.news_lcon dl dd span { width: 100%; float: left; font-size: 12px; color: #666; line-height: 34px; }
.news_lcon dl dd b { font-size: 14px; color: #666; line-height: 24px; float: left; height: 77px; overflow: hidden; }
.news_lcon dl dd:hover a { color: #c81622 }
.news_lcon ul { width: 100%; float: left; padding-top: 10px; }
.news_lcon ul li { height: 42px; line-height: 42px; width: 100%; float: left; border-bottom: 1px solid #e2e2e2; }
.news_lcon ul li b { float: left; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_lcon ul li b:nth-child(2n) { margin-right: 0px; }
.news_lcon ul li b:after { position: absolute; left: -15px; top: -1px; content: "."; }
.news_lcon ul li a { color: #666; text-indent: 20px; }
/* .news_lcon ul li a:hover b:after{ position: absolute;left: 0  } */
.news_lcon ul li a b:hover { color: #c81622 }
.news_lcon ul li span { float: right; }
.news_lcon ul li:last-child { border-bottom: none; }
.firm_tit { width: 100%; float: left; padding-bottom: 15px; font-weight: normal; line-height: 24px; height: 24px; ; }
.firm_tit p { float: left; color: #666; }
.firm_tit p b { font-size: 20px; color: #666; cursor: pointer; padding-right: 10px; }
.firm_tit p b.hover { font-size: 20px; color: #c81622; }
/* .tit_col_80b{font-size: 20px; color: #c81622} */
.firm_tit span { font-size: 14px; color: #2e2e2e; float: right; display: inline-block; text-transform: uppercase; }
.issue_b { float: left; padding: 0px 0px; width: 490px; height: 450px; }
.issue_b_r { float: left; width: 449px;/* height: 430px; */
	/* background-color: #ffffff; */
	
	/* border: solid 1px #dcdcdc; */
}
.issue_b_r .slider { width: 100%; float: left; height: 440px; }
.issue_b_r .slider li { float: left; width: 458px; height: 80px; border: solid 1px #e4e4e4; font-size: 14px; color: #666666; margin: 0px 5px 10px; padding: 10px 20px 10px; }
.issue_b_r .slider li p { width: 100%; font-weight: bold; float: left; }
/*.issue_b_r .slider li:last-child{ border: none;}*/
.issue_b_r .slider li p a { color: #666; line-height: 28px; font-size: 14px; }
.issue_b_r .slider li p a:hover { color: #c81622; }
.issue_b_r .slider li p span { width: 18px; height: 18px; border-radius: 50%; background: #c81622; display: inline-block; line-height: 16px; text-align: center; color: #fff; font-size: 12px; margin-right: 5px; float: left; margin-top: 5px; }
.issue_b_r .slider li p b { width: 18px; height: 18px; border-radius: 50%; background: #787878; display: inline-block; line-height: 16px; text-align: center; color: #fff; font-size: 12px; margin-right: 5px; float: left; font-weight: normal; margin-top: 5px; }
.issue_b_r .slider li p em { width: calc(100% - 30px); float: left; line-height: 20px; float: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.link { width: 100%; float: left; height: 64px; background: #c81622; line-height: 64px; }
.link ul { width: 100%; display: flex; justify-content: space-between; flex-direction: row; }
.link ul li { width: 150px; float: left; height: 64px; line-height: 64px; display: inline-block; cursor: pointer; }
.link ul li a { width: 100%; height: 64px; line-height: 64px; display: inline-block; text-align: center; color: #fff; font-size: 16px; position: relative; }
.link ul li:hover>a, .nav ul li.active>a { /* border-bottom:3px solid #c81622; */
color: #fff; background: #840009; }
.copy { width: 100%; background: #fff; padding-top: 50px; ; height: 280px; float: left; font-size: 14px; color: #333333; line-height: 28px; }
.copy_top, .copy_top_l { width: 100%; display: flex; flex-direction: row; }
.copy_l p { margin-top: 15px; width: 215px; height: 215px; background-color: #c81622; border-radius: 3px 3px 0px 0px; text-align: center; margin-right: 35px; ; }
.copy_l p img { margin-top: 40px; ; }
.copy a:hover { color: #c81622 }
.copy1 { width: 300px; display: flex; flex-direction: column; }
.copy1 p { color: #c81622; font-size: 30px; ; }
.copy1 span { color: #333; font-size: 14px; ; }
.copy2 { width: 370px; float: left; }
.copy_tit { width: 100%; float: left; font-size: 22px; color: #333333; margin-top: 30px; ; padding-bottom: 30px; position: relative; }
.copy_tit::after { content: ""; position: absolute; left: 0px; top: 40px; width: 31px; height: 3px; background: #c81622; display: inline-block }
.copy2 dl { width: 100%; float: left; }
.copy2 dl dd { width: 100%; float: left; display: inline-block; font-size: 14px; color: #333333; line-height: 28px; }
.copy2 dl dd img { margin-right: 5px; float: left; margin-top: 5px; }
.copy_r ol { float: left; margin-top: 30px; }
.copy_r ol li { width: 125px; margin-left: 20px; height: 170px; /* height: 160px; */
line-height: 150px; padding: 5px 0px 5px 5px; /* background-color: #11449d; */

float: left; }
.copy_r ol li:first-child { margin-left: 0px; }
.copy_r ol li p { /* display:table-cell;vertical-align:middle; */
display: flex; flex-direction: column; align-items: center;/* align-content: center; */
	/* justify-content: center; */
	/* justify-self: center; */
	/* justify-items: center; */}
.copy_r ol li:first-child { margin-left: 0px; }
.copy_r ol li img { float: left; }
.copy_r ol li b { width: 100%; text-align: center; line-height: 40px; font-size: 14px; float: left; /* margin: 10px 0px 0px 5px; */
word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/ word-break: break-all; display: inline-block; }
.copy_bot2 { line-height: 68px; background: #ededed; width: 100%; height: 68px; float: left; }
.copy_bot2 a { color: #333333; }
.banner_img { width: 100%; height: 400px; margin: auto; overflow: hidden; overflow: hidden; }
.banner_img p { width: 100%; height: 400px; margin: auto; overflow: hidden; overflow: hidden; position: relative; top: 0px; }
.banner_img p img { position: absolute; left: 50%; margin-left: -960px; }
.content { width: 100%; float: left; padding-bottom: 50px; ; }
.nav_tab { width: 100%; float: left; }
.nav_tab ul { display: table; margin: 0px auto; padding: 50px 0px 50px; ; ; }
.nav_tab ul li { width: 180px; height: 45px; line-height: 45px; text-align: center; display: inline-block; float: left; margin-right: 20px; }
.nav_tab2 ul { padding-bottom: 30px; }
.nav_tab3 ul { padding-bottom: 10px; }
.nav_tab2 ul li { width: 216px; margin-bottom: 25px; margin-right: 25px; ; }
.nav_tab2 ul li:nth-child(5n) { margin-right: 0px;}
.nav_tab3 ul li { width: 260px; margin-bottom: 30px;}
.nav_tab ul li a { width: 100%; height: 45px; display: inline-block; color: #fff; font-size: 16px; ; border-radius: 5px; border: 1px solid #cccccc; color: #6a6a6a; }
.nav_tab ul li.hover a { background: #c81622; color: #fff; border: 1px solid #c81622; }
.about_top { width: 100%; float: left;/* padding: 30px 0px 0px; */
}
.about_top_l p { width: 370px; float: left; margin-right: 30px; }
.about_top_l { width: 100%; float: left; font-size: 14px; line-height: 30px; color: #333; margin-right: 60px; }
.about_top_l span { /*      width: 800px;	
      float: left;
      display: inline-flex;
	  flex-direction: column;
      margin-bottom: 40px;
	  line-height: 30px;*/
}
.about_top_l span i { font-size: 24px; font-weight: bold; color: #c81622; margin-bottom: 10px; }
.about_top_l span b { margin-bottom: 20px; font-size: 14px; }
.about_bot { width: 100%; float: left; margin-top: 30px; }
.about_botcon ul { width: 770px; float: left; margin-right: 20px; }
.about_botcon ul li { width: 380px; height: 180px; float: left; margin-right: 10px; margin-bottom: 10px; background: #f0f0f0; }
.about_botcon ul li:nth-child(2n) { margin-right: 0px; }
.about_botcon ul li a { width: 380px; height: 180px; background: #f0f0f0; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; color: #666666; font-size: 16px; line-height: 30px; }
.about_botcon ul li:hover a { background: #c81622; color: #fff; }
.about_botcon ul li:hover a b { color: #fff; }
.about_botcon ul li a b { font-size: 20px; color: #c81622; margin-bottom: 5px; }
.about_botcon>p { width: 410px; float: left; }
.nav_page { width: 100%; background: #f5f5f5; float: left; }
.nav_page ol { display: table; margin: 0px auto; padding: 20px 0px 25px; }
.nav_page ol li { line-height: 38px; width: 140px; text-align: center; margin-right: 10px; color: #f3f3f3; margin-top: 3px; float: left; }
.nav_page ol>li>a { width: 100%; color: #000; display: inline-block; border-radius: 25px; border: 1px solid #bcbcbc; }
.nav_page ol li ul { display: none; }
.nav_page ol li ul li { width: 100%; height: 38px; line-height: 38px; text-indent: 20px; background: #fff; color: #333 }
.nav_page ol li ul li.show a { color: #c81622; }
.nav_page ol li.hover ul { display: block; }
.nav_page>ol>li.hover>a, .nav_page>ol>li>a:hover { color: #fff; background: #c81622; border: 1px solid #c81622; }
.nav_page ol.pronav { width: 1200px; padding-bottom: 5px; }
.nav_page ol.pronav li { width: 215px; margin-bottom: 20px; margin-right: 25px; }
.content_r { width: 100%; float: left; margin-bottom: 0px; }
/* .page_tit{width:calc(100% - 20px); padding-right:20px; float: left; background:#f4f4f4; height: 50px; line-height: 50px; font-size: 18px; font-weight: normal;color: #fff; text-indent: 20px;}
.page_tit span,.page_tit a { color: #333333; padding: 0px 2px }
.page_tit a:hover { color: #c81622 } */
.about_con { width: 100%; float: left; }
.about_con div { font-size: 14px; color: #666; line-height: 30px; width: 100%; float: left }
/* .page_tit .fl {background:#c81622;padding-right:10px; position: relative;}
.page_tit .fl:after{ content:""; right: -50px; top: 0px;width: 0px; position: absolute;height: 0px;border-top: 50px solid #c81622; border-right: 50px solid transparent;} */

.about_con_bot { width: 100%; float: left; }
.about_con_bot img { width: 560px; float: left; margin-right: 60px; }
.about_con_bot img:nth-child(2) { width: 560px; float: left; margin-right: 0px; }
/* .anli ul {float: left;width: 100%;padding-top: 15px;}
.anli ul li { float: left;width: 220px; text-align: center;margin-right:8px;margin-bottom:10px;background: #fff; }
.anli ul li img{ float: left;}
.anli ul li a b{line-height: 48px; display: inline-block;color: #333333;width: 100%;margin-top: -5px;}
.anli ul li:nth-child(4n){margin-right: 0px; float: right;}
 */


.pageimg5 { width: 100%; float: left; margin-bottom: 50px; margin-top: 30px; }
.pageimg5 ul li { width: 223px; text-align: center; float: left; margin-right: 20px; margin-bottom: 22px; }
.pageimg5 ul li a { width: 100%; display: inline-block; float: left; }
.pageimg5 ul li img { vertical-align: middle; width: calc(100% - 2px); border: solid 1px #dfdfdf; }
.pageimg5 ul li:nth-child(5n) { margin-right: 0px; }
.pageimg5 ul li:hover img { border: 1px solid #c81622; }
.cer { width: 100%; float: left; margin-top: 30px; }
.cer ul li { width: 365px; text-align: center; float: left; margin-right: 50px; margin-bottom: 22px;/* background-color: #ffffff; */
		
}
.cer ul li a { width: 100%; display: inline-block; float: left; line-height: 40px; }
.cer ul li img { vertical-align: middle; width: calc(100% - 4px); padding: 2px; border: solid 1px #dfdfdf; }
.cer ul li:nth-child(3n) { margin-right: 0px; }
.cer ul li:hover img { border: 1px solid #c81622; }
.pageimg5 ul li:hover img { border: 1px solid #c81622; }
.anli { float: left; min-width: 905px; }
.anli ul { float: left; width: 100%; padding-top: 15px; }
.anli ul li { float: left; width: 292px; text-align: center; margin-right: 14px; margin-bottom: 20px; position: relative; }
.anli ul li img { width: 278px; background: #fff; border: 1px solid #d9d9d9; padding: 2px; height: 224px; }
.anli ul li a b { line-height: 38px; display: inline-block; color: #333333; font-size: 14px; width: 100% }
.anli ul li:nth-child(3n) { margin-right: 0px; }
.anli ul li:hover a { color: #c81622; display: inline-block; }
.anli ul li:hover a b { color: #c81622 }
.anli ul li:hover img { border: 1px solid #c81622; }
.anli_img { float: left; min-width: 1200px; }
.anli_img ul { float: left; width: 100%; padding-top: 15px; }
.anli_img ul li { float: left; width: 285px; text-align: center; margin-right: 20px; margin-bottom: 20px; position: relative; }
.anli_img ul li img { width: 278px; background: #fff; border: 1px solid #d9d9d9; padding: 2px; height: 224px; }
.anli_img ul li a b { line-height: 38px; display: inline-block; color: #333333; font-size: 14px; width: 100% }
.anli_img ul li:hover a { color: #c81622; display: inline-block; }
.anli_img ul li:hover a b { color: #c81622 }
.anli_img { width: 905px; height: 300px;/* overflow: hidden; */
}
.anli_scroll { width: 1200px; height: 300px; position: relative; left: 0px; float: left }
.anli_scroll ul { width: 10000px; height: 300px; }
.honor { width: 100%; float: left; }
.honor ul li { width: 380px; text-align: center; float: left; margin-right: 25px; margin-bottom: 22px;/* background-color: #ffffff; */
		
}
.honor ul li a { width: 100%; display: inline-block; float: left; line-height: 30px; }
.honor ul li img { vertical-align: middle; width: calc(100% - 10px); border: none; float: left; padding: 4px; border: solid 1px #dfdfdf; border-radius: 10px; overflow: hidden; margin-bottom: 10px; }
.honor ul li:nth-child(3n) { margin-right: 0px; }
.honor ul li:hover img { border: 1px solid #c81622; }
.solutionshow_con { width: 100%; float: left; padding-bottom: 100px; display: flex; flex-direction: column; line-height: 28px; font-size: 15px; }
.solutionshow_con p { margin-top: 30px; font-size: 16px; color: #666666; font-weight: bold; margin-bottom: 5px; }
.partner { float: left; min-width: 905px; }
.partner ul { float: left; width: 100%; padding-top: 15px; }
.partner ul li { float: left; width: 292px; text-align: center; margin-right: 14px; margin-bottom: 20px; position: relative; }
.partner ul li img { width: 278px; background: #fff; border: 1px solid #d9d9d9; padding: 2px; height: 120px; }
.partner ul li a b { line-height: 38px; display: inline-block; color: #333333; font-size: 14px; width: 100% }
.partner ul li:nth-child(3n) { margin-right: 0px; }
.partner ul li:hover a { color: #c81622; display: inline-block; }
.partner ul li:hover a b { color: #c81622 }
.partner ul li:hover img { border: 1px solid #c81622; }
.product { float: left; min-width: 100% }
.product ul { float: left; width: 100%; padding-top: 15px; }
.product ul li { float: left; width: 280px; text-align: center; margin-right: 24px; margin-bottom: 20px; position: relative; }
.product ul li p { width: 278px; height: 280px; overflow: hidden; border: 1px solid #d9d9d9; }
.product ul li img { width: 280px; background: #fff; vertical-align: middle; transition: all 0.5s; }
.product ul li a b { line-height: 38px; display: inline-block; background: #dedede; font-size: 14px; width: 100% }
.product ul li:nth-child(4n) { margin-right: 0px; }
.product ul li:hover a { color: #c81622; display: inline-block; }
.product ul li:hover a b { background: #c81622; color: #fff; }
.product ul li:hover p { border: 1px solid #c81622; }
/* #container {margin:0 auto;width:905px;} */
#gallery-overlay { background-color: #000; }
#gallery-container { font: 16px/22px verdana, arial, sans-serif; }
#gallery { color: #999; display: none; height: 200px; margin: 0 auto; position: relative; width: 300px; box-shadow: 0 0 64px #000; -moz-box-shadow: 0 0 64px #000; -webkit-box-shadow: 0 0 64px #000; }
#gallery-image-container { display: none; height: 100%; }
#gallery-loading { padding: 8px; }
#gallery-controls { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#gallery-controls div { float: left; height: 100%; width: 50%; }
#gallery-controls a { background: #fff; color: #000; font-size: 12px; outline-style: none; position: absolute; text-decoration: none; top: 40px; }
#gallery-previous-link { left: 0; padding: 6px 10px 6px 6px; border-radius: 0 6px 6px 0; -moz-border-radius-bottom-right: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
#gallery-next-link { padding: 6px 6px 6px 10px; right: 0; border-radius: 6px 0 0 6px; -moz-border-radius-bottom-left: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
#gallery-meta-container { background: #fff; color: #999; display: none; margin: 0 auto; overflow: auto; }
#gallery-image { padding: 8px; }
#gallery-meta { display: none; height: 44px; padding: 0px 8px; }
#gallery-meta div { float: left; }
#gallery-info { text-align: left; width: 80%; }
#gallery-close { line-height: 30px; text-align: right; width: 20%; }
#gallery-close a { color: #999; font-size: 24px; font-weight: bold; outline-style: none; text-decoration: none; }
#gallery-close a:hover { color: #bbb; }
#gallery-title a, #gallery-title a:link, #gallery-title a:visited { color: #666; font-size: 14px; font-weight: bold; line-height: 14px; }
#gallery-title a:visited:hover { color: #999 }
#gallery-pages { color: #999; display: block; font-size: 10px; line-height: 14px; }
.pages { display: table; margin: auto; padding-top: 30px; padding-bottom: 50px; }
.pages li { float: left; }
.pages li a { height: 32px; padding: 0px 10px; line-height: 32px; background: #f3f3f3; color: #666; display: inline-block; margin-right: 10px; color: #666; text-align: center; }
.pages li a:hover { height: 32px; line-height: 32px; background: #c81622; color: #fff; text-align: center; }
.pages li.active a { background: #c81622; color: #fff }
.contact1_top { width: 100%; display: flex; justify-content: space-between; }
.contact1_topl { width: 600px; display: flex; flex-direction: column; }
.contact1_topl dl { display: flex; flex-direction: column; font-size: 14px; line-height: 30px; margin-bottom: 20px; }
.contact1_topl dl dt { font-size: 18px; color: #2c5d97; }
.contact1_topl ul { width: 100%; display: flex; flex-direction: row; }
.contact1_topl ul li { display: flex; flex-direction: row; width: 180px; margin-right: 50px; color: #0d387c; font-size: 14px; align-items: center; }
.contact1_topl ul li img { margin-right: 10px; }
.contact1_topr { width: 464px; float: left; }
.contact1_bot { width: 100%; float: left; font-size: 16px; color: #333; margin-top: 20px; }
.contact1_bot>p { font-size: 14px; }
.contact1_botcon { background: #f5f6f6; margin-top: 40px; width: calc(100% - 60px); padding: 30px 25px; float: left; }
.contact1_botcon ul li { /* height: 40px; */
margin-bottom: 25px; background: #fff; border: 1px solid #e1e6eb; float: left; display: flex; align-items: flex-start; }
.contact1_botcon ul li.wid45 { width: 550px; margin-right: 30px; }
.contact1_botcon ul li:nth-child(2n) { margin-right: 0px; }
.contact1_botcon ul li.wid100 { width: 100%; }
.contact1_botcon ul li b { line-height: 40px; width: 45px; text-align: center; display: inline-block; }
.contact1_botcon ul li b img { vertical-align: middle; }
.contact1_botcon ul li input { width: calc(100% - 70px); padding: 0px 5px 0px 10px; line-height: 40px; border-left: 1px solid #e1e6eb; }
.contact1_botcon ul li select { width: calc(100% - 70px); padding: 0px 5px 0px 10px; line-height: 40px; border: none; border-radius: 0px; height: 40px; background: #fff; border-left: 1px solid #e1e6eb; font-size: 14px; color: #666; }
.contact1_botcon ul li select option { border-radius: 0px; }
.contact1_botcon ul li textarea { width: calc(100% - 70px); height: 110px; padding: 10px; border-left: 1px solid #e1e6eb; }
.contact1_botcon p { float: left; }
.contact1_botcon p input { width: 70px; height: 40px; line-height: 40px; text-align: center; display: inline-block; margin-right: 10px; color: #fff; border-radius: 5px; cursor: pointer; }
.contact1_botcon p input:first-child { background: #c81622; }
.contact1_botcon p input:last-child { background: #c81622; }
.contact1_botcon p input:hover { background: #840009; }
.product_order { float: left; }
.product_order h3 { font-weight: normal; font-size: 14px; color: #666; line-height: 30px; padding-top: 15px; }
.product_order ol li { line-height: 30px; width: 100%; float: left; margin-top: 20px; }
.product_order ol li span { width: 60px; text-align: right; display: inline-block; font-size: 14px; color: #000000; padding-right: 10px; float: left; }
.product_order ol li input { outline: none; border: none; width: 210px; height: 30px; line-height: 30px; border: 1px solid #a9a9a9; float: left; padding-left: 5px; }
.product_order ol li textarea { width: 510px; height: 130px; padding: 5px; resize: none; outline: none; }
.product_order p input { width: 100px; height: 40px; border: none; color: #fff; margin: 20px 0px 40px 70px; cursor: pointer; outline: none; }
.product_order p input:first-child { background: #c81622 }
.product_order p input:last-child { background: #414143; margin-left: 10px; }
.faq { width: 100%; float: left }
.faq dl { padding: 25px 20px; height: 180px; ; font-size: 14px; line-height: 24px; border: 1px solid #e8e8e9; margin-bottom: 30px; width: calc(100%- 40px); display: flex; cursor: pointer; flex-direction: row; }
.faq dl dt { width: 170px; white-space: 180px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 50px; ; color: #666; background: #f5f6f6; }
.faq dl dd { display: flex; flex: 1; flex-direction: column; line-height: 30px; }
.faq dl dt b { font-size: 34px; }
.faq dl dt span { margin-top: 30px; ; font-size: 16px; position: relative; }
.faq dl dt span::after { position: absolute; content: ''; left: -25px; top: -10px; ; width: 110px; height: 1px; background: #cacbcb; }
.faq dl:hover { border: 1px solid #c81622; }
.faq dl:hover dt { background: #c81622; color: #fff; }
.faq dl:hover dt::after { background: #d95c65; }
.faq dl dd i { font-size: 18px; color: #333333; margin-bottom: 5px; line-height: 40px; ; }
.faq dl dd p { height: 100px; line-height: 26px; }
.faq dl dd a { width: 100px; height: 36px; line-height: 36px; text-align: center; display: inline-block; background: #f5f6f6; color: #333333; border-radius: 5px; ; }
.faq dl:hover dd a { background: #c81622; color: #fff; }
.faqshow { padding-bottom: 0px; width: 100%; float: left; padding-bottom: 30px; ; }
.faqshow .tc { text-align: center; width: 100%; font-size: 16px; font-weight: bold; padding: 20px 0px 10px; color: #c81622; }
.faqshow .time { text-align: center; padding-bottom: 10px; height: 20px; line-height: 20p; }
.faqshow .time img { vertical-align: middle; width: 20px; margin-right: 5px; }
.faqshow div { line-height: 28px; color: #666; font-size: 14px; padding-bottom: 5px; float: left; }
/* .faqshow dl{ float: left;width: 100%;line-height: 26px;font-size: 14px;}
.faqshow dl dt{ float: left;color: #666; }
.faqshow dl dd a{ float: left;color: #666}
.faqshow dl dd a:hover{ color: #c81622}
 */
.faqshow { /* padding-bottom: 0px; */
width: 100%; float: left; padding-bottom: 50px;/* padding-top:25px; */
}
.faqshow1 { font-size: 14px; line-height: 30px; padding-top: 25px; margin-top: 25px; }
.faqshow .tc { text-align: center; width: 100%; font-size: 18px; color: #333; font-weight: bold; padding: 10px 0px 0px; }
.faqshow .tcp { text-align: center; width: 100%; font-size: 14px; color: #666; padding: 10px 0px 10px; }
.faqshow div { line-height: 28px; color: #666; font-size: 14px; padding-bottom: 5px; float: left; padding-top: 20px; }
.faqshow dl { float: left; width: 100%; line-height: 26px; font-size: 14px; }
.faqshow dl dt { float: left; color: #666; }
.faqshow dl dd a { float: left; color: #666 }
.faqshow dl dd a:hover { color: #c81622 }
.news_con, .news_con ul { width: 100%; float: left; margin-top: 0px; }
.news_con ul li { width: calc(100% - 40px); padding: 20px; float: left; border: 1px solid #e8e8e9; margin-bottom: 20px; }
.news_con ul li a { width: 100%; display: inline-block; display: flex; align-items: center; }
.news_con ul li a>p { float: left; margin-right: 20px; }
.news_con ul li dl { width: calc(100% - 350px); display: flex; justify-content: space-between; align-items: center; }
.news_con ul li dl dt { width: 700px; display: flex; flex-direction: column; line-height: 26px; color: #666; }
.news_con ul li dl dt p { font-size: 18px; color: #333333; }
.news_con ul li dl dd { float: right; }
.news_con ul li dl dt span { line-height: 34px; color: #999; }
.news_con ul li dl dt span img { width: 14px; line-height: 34px; margin-right: 5px; vertical-align: middle; }
.news_con ul li:hover dl dt p { color: #017ac5; }
.news_con ul li dl dd img:first-child { display: none; }
.news_con ul li:hover dl dd img:first-child { display: block; }
.news_con ul li:hover dl dd img:last-child { display: none; }
.product_order { float: left; }
.product_order ol li { line-height: 30px; width: 100%; float: left; margin-top: 20px; }
.product_order ol li span { width: 60px; text-align: right; display: inline-block; font-size: 14px; color: #000000; padding-right: 10px; float: left; }
.product_order ol li input { outline: none; border: none; width: 210px; height: 30px; line-height: 30px; border: 1px solid #a9a9a9; float: left; padding-left: 5px; }
.product_order ol li textarea { width: 510px; height: 130px; padding: 5px; resize: none; outline: none; border: 1px solid #a9a9a9 }
.product_order p input { width: 100px; height: 40px; border: none; color: #fff; margin: 20px 0px 40px 70px; cursor: pointer; outline: none; }
.product_order p input:first-child { background: #c81622 }
.product_order p input:last-child { background: #414143; margin-left: 10px; }
.pro_tit { width: 100%; height: 50px; line-height: 50px; font-size: 18px; float: left; background: #f4f4f4; font-weight: normal; }
/*.block span { float: left; width: 36px;margin-top:15px; }
.block ul { float: left; width: 220px; overflow: hidden;margin-top:15px;margin-left: 5px; }
*/
.pro_tit b { width: 140px; text-align: center; display: inline-block; float: left; background: #c81622; color: #fff; }
.faqshow_top { width: 100%; float: left; margin-bottom: 30px; }
.col_c81622 { color: #c81622; font-weight: bold; }
.proshow { width: 100%; float: left; padding: 30px 0px; }
.faqshow_l { width: 500px; float: left; margin-right: 50px; ; }
.faqshow_r { width: 560px; float: right; }
.faqshow_r p { padding-bottom: 10px }
.faqshow_r p.col_c81622 { color: #c81622 }
.lf { float: left; }
.rt { float: right; }
.product_detail { padding: 20px 0; position: relative; left: 0px; }
.detail_pic { width: 340px; }
.detail_pic img { width: 100%; }
.detail_text { width: 490px; }
.detail_text h1 { color: #e7a60b; font-size: 26px; line-height: 36px; margin-bottom: 5px; }
.detail_text p { font-size: 14px; line-height: 24px; }
.detail_text .buy-btn { display: block; width: 150px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #fff; border-radius: 3px; background: #008BD6; margin-top: 40px; margin-bottom: 15px; }
.product_detail_list { padding: 0px 0; overflow: hidden; }
.product_detail_list ul { margin-right: -20px; position: relative; }
.product_detail_list li { float: left; width: 208px; margin-right: 20px; text-align: center; }
.product_detail_list li .product_detail_list_pic { height: 208px; padding: 3px; box-sizing: border-box; border: 1px solid #efefef; overflow: hidden; }
.product_detail_list li img { width: 100%; }
.product_detail_list li p a { display: block; font-size: 14px; line-height: 34px; background: #008bd6; color: #fff; }
.product_detail_info_l { position: relative; float: left; width: 402px; }
.product_big { position: relative; height: 380px; width: 502px; border: 1px solid #e9e9e9; box-sizing: border-box; margin-bottom: 10px; overflow: hidden;/* cursor: move; */
}
.img_mark { position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-size: 100%; margin: -100px 0 0 -100px; display: none; }
.zoom_box { position: absolute; top: 0; right: -400px; width: 390px; height: 390px; border: 1px solid #e9e9e9; display: none; }
.product_big img { width: 100%; }
.product_small_list { margin-left: 2px; width: 368px; overflow: hidden; }
.product_small_list ul { width: 100000px; position: relative; }
.product_small_list li { float: left; width: 69px; height: 69px; text-align: center; padding: 2px; margin: 0 2px; border: 1px solid #e9e9e9; box-sizing: border-box; cursor: pointer; overflow: hidden; }
.product_small_list li img { width: 63px; height: 63px; }
.product_small_list li.show { border: 1px solid #c81622; padding: 2px; }
.faqshow div.product_small_btn { width: 16px; height: 69px; line-height: 69px; text-align: center; font-size: 14px; border: 1px solid #ccc; background: #e9e9e9; box-sizing: border-box; cursor: pointer; }
.faqshow div .product_small_r { float: right; }
.order_btn a { width: 120px; height: 40px; line-height: 40px; display: inline-block; margin-right: 20px; border-radius: 5px; text-align: center; color: #fff; background: #c81622; float: left; margin-top: 20px; }
.order_btn a:hover { background: #0070be; color: #fff }
.faqshow_tyext { width: 100%; float: left; line-height: 28px; color: #666; font-size: 14px; padding-bottom: 20px; float: left }
.faqshow_tyext table td { padding-left: 6px; }
.news2 { width: 100%; float: left; margin-top: 20px; }
.news2 { width: 100%; float: left; margin-top: 20px; }
.news3 { width: 100%; float: left; margin-bottom: 40px; }
.news3con { width: 430px; float: left; margin-right: 30px; }
.news3con h1 { width: 100%; float: left; background: #f4f4f4; height: 50px; font-size: 16px; color: #fff; line-height: 50px; }
.news3con h1 span { width: 100px; background: #c81622; display: inline-block; font-weight: normal; position: relative; text-align: center }
.news3con h1 span::after { position: absolute; content: ""; left: 100px; width: 0px; height: 0px; border-color: #c81622 transparent transparent #c81622; border-width: 25px; border-style: solid; }
.news3con:last-child { margin-right: 0px; }
.news3 ul { width: 100%; float: left; padding-top: 16px; }
.news3 ul li { height: 40px; line-height: 40px; width: 100%; float: left; border-bottom: 1px dashed #e1e1e1; }
.news3 ul li:last-child { border-bottom: none }
.news3 ul li b { float: left; position: relative; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news3 ul li b:after { position: absolute; left: -15px; top: 1px; content: "·"; }
.news3 ul li a { color: #666; text-indent: 20px; }
.news3 ul li a:hover b:after { position: absolute; left: -15px; top: 1px; content: "·"; }
.news3 ul li a:hover { color: #c81622 }
.news3 ul li span { float: right; }
.news3 ul li a:hover b:after { color: #c81622 }
.join { padding-top: 25px; }
.join dl { width: 100%; float: left; margin-bottom: 30px; }
.join dl dt { width: calc(100% - 50px); /* height: 50px; */
    /* line-height: 50px; */
background: #f6f6f6; /* border: 1px solid #f0f0f0; */
padding: 30px 20px 30px 30px; float: left; border-radius: 5px; }
.join dl dt p { float: left; position: relative; color: #666666; font-size: 14px; }
.join dl dt span { float: right; margin-top: 20px; }
.join dl dt span img:nth-child(1) { display: none; }
.join dl dd { width: calc(100% - 50px); margin-top: 1px; background: #ffffff; /* border: 1px solid #f0f0f0; */
padding: 25px 20px 10px 35px; float: left; display: none; }
.join dl dd p { width: 100%; line-height: 24px; float: left; color: #7d7d7d; font-size: 14px; padding-bottom: 20px; }
.join dl dt p i, .join dl dt p strong { width: 100%; float: left; display: inline-block; color: #666; line-height: 24px; }
.join dl dt p i { font-size: 18px; color: #333333; line-height: 30px; }
.join dl dd i, .join dl dd strong { width: 100%; float: left; display: inline-block; color: #666; line-height: 30px; }
.join dl dd i { color: #333; font-weight: bold; }
.join dl dd strong { margin-bottom: 30px; ; }
.join dl dd a { width: 125px; height: 40px; line-height: 40px; display: inline-block; text-align: center; background: #cc0000; color: #fff; margin-top: 30px; border-radius: 5px; }
.download { width: 100%; float: left; margin-top: 20px; }
.download ul li { width: 100%; height: 45px; line-height: 45px; float: left; background: #efefef; margin-bottom: 8px; cursor: pointer; }
.download ul li p { position: relative; text-indent: 30px; width: 80%; overflow: hidden; float: left; font-size: 14px; }
.download ul li p:before { position: absolute; left: -15px; content: '·'; top: 0px; font-size: 40px; color: #333; font-size: 16px; }
.download ul li span { float: right; margin-right: 20px; }
.download ul li span a { width: 120px; height: 45px; /* background: #2d3a4e; */
line-height: 45px; text-align: center; display: inline-block; /* color: #fff; */
font-size: 14px; text-transform: uppercase; }
/* .download ul li span a:hover {
    width: 120px;
    height: 45px;
    background: #06379d;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 14px;
} */

.download ul li:hover p, .download ul li:hover span a { color: #06379d }
.download ul li span img { vertical-align: middle; width: 25px; margin-right: 5px; }
.contact_bot { width: 100%; float: left; }
.contact_bot p { width: 100%; float: left; font-size: 16px; color: #333333; line-height: 70px; }
.contact_botcon { width: calc(100% - 60px); float: left; padding: 30px 30px 50px 30px; margin-bottom: 30px; ; background: #f5f6f6; }
.contact_botcon ul { width: 100%; float: left; }
.contact_botcon ul li { /* height: 43px; */
    /* line-height: 43px; */
border: 1px solid #e1e6eb; margin-bottom: 25px; background: #fff; }
.contact_botcon ul li.wid50 { width: 550px; float: left; margin-right: 30px; }
.contact_botcon ul li.wid50:nth-child(2n) { margin-right: 0px; }
.contact_botcon ul li.wid100 { width: 1130px; float: left; }
.contact_botcon ul li b { width: 45px; float: left; text-align: center;/* display: inline-block;
    vertical-align: middle; */
}
.contact_botcon ul li b img { margin-top: 10px; float: left; margin-left: 10px; }
.contact_botcon ul li input { width: calc(100% - 70px); height: 45px; padding-left: 5px; border-left: 1px solid #e1e6eb; color: #666; }
.contact_botcon ul li select { width: calc(100% - 60px); height: 45px; padding-left: 5px; border-left: 1px solid #e1e6eb; color: #666; }
.contact_botcon ul li textarea { height: 110px; width: calc(100% - 80px); color: #666; float: left; padding: 5px; font-size: 14px; border-left: 1px solid #e1e6eb; }
.contact_botcon p input { width: 70px; height: 38px; line-height: 38x; text-align: center; display: inline-block; margin-right: 20px; border-radius: 5px; color: #fff; }
.pro_tit { width: 100%; height: 50px; line-height: 50px; font-size: 18px; float: left; background: #f4f4f4; font-weight: normal; }
.pro_tit b { width: 140px; text-align: center; display: inline-block; float: left; cursor: pointer; position: relative; top: -1px; height: 52px; }
.pro_tit b.hover::before { width: 0px; height: 0px; position: absolute; content: ''; border: 5px solid transparent; top: 52px; left: 65px; border-color: #c81622 transparent transparent transparent }
.pro_tit b.hover { background: #c81622; color: #fff; }
.productshow { width: 100%; float: left; padding-bottom: 50px; ; }
.productshow_l { width: 510px; float: left; margin-right: 50px; }
.productshow_l img { width: 509px; height: 509px; border: 1px solid #efefef; box-shadow: 0px -5px 5px 0px #efefef,   /*上边阴影  红色*/  -5px 0px 5px 0px #efefef,   /*左边阴影  绿色*/  5px 0px 5px 0px #efefef,    /*右边阴影  蓝色*/  0px 5px 5px 0px #efefef; }
.productshow_r { width: 600px; float: left; display: flex; flex-direction: column; }
.pro_tit1 { height: 50px; line-height: 50px; border-bottom: 1px solid #e9e9e9; font-size: 22px; color: #333333; }
.pro_tit2 { height: 45px; line-height: 45px; display: inline-flex; align-items: center; justify-items: center; margin-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; }
.pro_tit2 a { width: 140px; height: 45px; line-height: 45px; text-align: center; display: inline-block; color: #fff; border-radius: 3px; margin-right: 35px; background: #c81622; }
.pro_tit2 a:hover { background: #840009; }
.pro_tit2 img { vertical-align: middle; }
.pro_tit2 b { margin-right: 10px; }
.pro_tit2 i { font-size: 20px; color: #666666; margin-right: 10px; }
.pro_tit2 strong { font-size: 24px; font-weight: bold; color: #c81622; }
.pro_tit3 { width: 100%; padding: 10px 0px; ; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 20px; }
.pro_tit3 ol { float: left; }
.pro_tit3 ol li { width: 135px; margin-right: 20px; /* height: 160px; */
line-height: 150px; padding: 5px 0px 5px 0px; /* background-color: #11449d; */
	
float: left; }
.pro_tit3 ol li:first-child { margin-left: 0px; }
.pro_tit3 ol li p {
/* display:table-cell;vertical-align:middle; */
<!--
display: flex;
-->
 flex-direction: column; align-items: center;/* align-content: center; */
		/* justify-content: center; */
		/* justify-self: center; */
		/* justify-items: center; */}
.pro_tit3 ol li:first-child { margin-left: 0px; }
.pro_tit3 ol li img { float: left; width: 125px; }
.pro_tit3 ol li b { width: 125px; text-align: center; line-height: 20px; font-size: 14px; float: left; margin: 10px 0px 0px 5px; word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/ word-break: break-all; display: inline-block; }
.pro_tit4 { font-size: 16px; color: #1c1475; height: 45px; line-height: 45px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.productshow_r dl { float: left; width: 100%; line-height: 26px; font-size: 14px; }
.productshow_r dl dt { float: left; color: #666; }
.productshow_r dl dd a { float: left; color: #666 }
.productshow_r dl dd a:hover { color: #c81622 }
.productshow_top { width: 100%; float: left; padding-bottom: 50px; ; }