*{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=button]{
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: 50px;
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: 50px;
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;
overflow: hidden;
}
.index4_tab,.index4_tab ul {
width: 100%;
float: left;
}
.index4_tab ul li {
width: 280px;
height: 261px;
margin-right: 25px;
margin-bottom: 30px;
float: left;
text-align: center;
background: #fff;
}
.index4_tab ul li img {
padding: 2px;
width: 276px;
}
.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: 900px;
background: url(../image/index6.jpg) top center no-repeat;
}
.index6_con{
width: 100%;
margin-top: 540px;
float: left;
/* height: 208px; */
background-color: #ffffff;
box-shadow: 4px 4px 18px 0px
rgba(0, 0, 0, 0.15);
border-radius: 3px;
}
.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;}
.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(5){
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;}
.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 img{ transform: scale(1.4);}
.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; */
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;;
}