html{background:#fff;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

body{font-size: 14px; box-sizing: border-box; font-family: "Microsoft Yahei"; overflow-x: hidden;}
html body{height: auto; width: 100%; min-width: 1100px !important;}
.fl{float: left;}
.fr{float: right;}
li{list-style: none;}
.clear{clear: both;}
img{max-width: 100%;}
.BMap_shadow img{max-width: none;}
*{box-sizing: border-box;}
.page{margin: 20px 0 0 0;}
#prev_next{margin: 20px 0 0 0;}
#bsWXBox{box-sizing: content-box;}
.banner{
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0 auto; 
    max-width: 1920px !important;
    min-width: 1100px !important;
}
.swiper-container {
    width: 1920px;
    height: 800px;
    overflow:hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}  

.page {font-size:13px;color: white;text-align:center;margin-top:20px; height: 30px;}
.page a{margin:0px 2px;padding:3px 8px;font-size: 14px;color: white;border:1px solid rgb(220,220,220);}
.page span {margin:0px 2px;padding:3px 8px;font-size: 13px;color:#fff;background:#0d7dbd;border:#0d7dbd solid 1px;}
.page a:hover{background:#0d7dbd ;border: #0d7dbd solid 1px;color: #fff;}
#page_num{height: 24px;}

/*头部*/
.top{width: 100%; min-width: 1100px !important; height: auto;}
.top1{width: 100%; min-width: 1100px !important; background: #dcdcdc; height: 35px;}
.top1-main{width: 1100px; min-width: 1100px !important; height: 35px; line-height: 35px; margin: 0 auto;}
.top2{width: 1100px; min-width: 1100px !important; height: 96px; margin: 0 auto;}
.top2-1{width: 500px; height: 70px; margin: 13px 0; overflow: hidden;}
.top2-2{width: 285px; height: 30px; margin: 33px 0;}
.top2-2-1{width: 30px; height: 30px; background: url("../Image/tel.png") center center no-repeat; margin: 0 5px 0 0;}
.top2-2-2{width: 100px; height: 30px; line-height: 30px; font-size: 20px; color: #0d7dbd; font-weight: bold;}
.top2-2-3{width: 150px; height: 30px; line-height: 30px; font-size: 22px; color: #0d7dbd; font-weight: bold;}
.top3{width: 100%; min-width: 1100px !important; height: 50px; background: #2b3751; color: white;}
.top3-main{width: 1100px; min-width: 1100px !important; height: 50px; margin: 0 auto;}
.top3-1 li{width: 137.5px; height: 50px; float: left; text-align: center; line-height: 50px; font-size: 16px;}
.top3-1 li:hover{background: white; color: #0d7dbd; font-weight: bold;}
.top3-2{width: 230px; height: 30px; margin: 10px 0;}
.search-text{width: 165px; border: none; height: 30px; padding: 0 5px; line-height: 30px; float: left;}
.search-btn{float: left; width: 65px; height: 30px; border: none; background: #0d7dbd; color: white; font-size: 15px; cursor: pointer;}

.top3-pro{position: relative;}
.top3-1-1{display:none; position: absolute; left: 0; top: 50px; width: 137.5px; height: 400px; overflow: hidden; z-index: 99999;}
.top3-1-1 p{width: 137.5px; height: 40px; line-height: 40px; text-align: center; float: left; background: #0d7dbd; color: white;
font-weight: normal;}
.top3-1-1 p:hover{background: #2b3751;}
.top3-pro:hover .top3-1-1{display: block;}

/* 底部 */
.footer{width: 100%; min-width: 1100px !important; height: auto; overflow: hidden; background: #1b1b1b; color: white;
position: fixed; left: 0; bottom: 0;}
.footer-main{width: 1100px; min-width: 1100px !important; height: auto; margin: 0 auto; overflow: hidden;}
.footer1{width: 1100px; min-width: 1100px !important; height: 135px; padding: 20px 0 0 0;}
.footer1-1{width: 310px; height: 75px; margin: 20px 50px 0 0;}
.footer1-2{width: 350px; height: 90px; margin: 12.5px 0;}
.footer1-2 p{width: 350px; height: 30px; line-height: 30px; float: left;}
.footer1-3{width: 200px; height: 90px;}
.footer1-3-1{height: 40px; line-height: 40px; font-size: 16px;}
.footer1-3-2{width: 200px; height: 44px; margin: 6px 0 0 0;}
#wx{width: 35px; height: 35px; background: url("../Image/wx.png") center center no-repeat; margin-right: 10px;
display: inline-block;  margin-top: 2px; background-size: contain;}
#qq{width: 35px; height: 35px; background: url("../Image/qq.png") center center no-repeat; margin-right: 10px;
display: inline-block;  margin-top: 2px; background-size: contain;}
#wb{width: 35px; height: 35px; background: url("../Image/wb.png") center center no-repeat; margin-right: 10px;
display: inline-block;  margin-top: 2px; background-size: contain;}
.bshare-custom{height: 40px !important;}



.footer2{width: 1100px; min-width: 1100px !important; height: 40px; line-height: 40px; text-align: center; color: white;
font-size: 15px;}



/*内页*/
.pro-index{width: 900px; height: auto; overflow: hidden; margin:0 auto; padding: 0;}
.pro-index li{width: 280px; height: auto; overflow: hidden; margin: 20px 10px 0; float: left;}
.pro-index li .pic{width: 280px; height: 210px; border: 1px solid #888; overflow: hidden; line-height: 208px; font-size: 0;}
.pro-index li .pic img{vertical-align: middle; min-width: 100%; min-height: 100%;}
.pro-index li .title{width: 280px; height: 40px; line-height: 40px; text-align: center; font-size: 15px;
background: #ca4648;}
/* .pro-index li:hover .pic{border: 1px solid #0d7dbd;} */
/* .pro-index li:hover .title{background: #0d7dbd; color: white;} */
.case-index li .title{background: #fbc130;}

/*侧边*/
.sidebar{width: 155px; height: auto; overflow: hidden; padding-top: 10px;}
.pro-side{width: 155px; height: auto; overflow: hidden;}
.pro-side li{width: 155px; height: 45px; margin: 0 0 5px 0; text-align: center;
line-height: 45px; font-size: 16px;}
.pro-side li:hover{background: #2b3751; color: white;}


/*内页公共*/
.com-top1{width: 100%; height: 40px; line-height: 40px; position: relative; border-bottom: 1px solid white;}
.pro-right1-2{font-size: 18px; font-weight: bold; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 color: #9c3435; line-height: 40px;}
.pro-right1-3{width: 28px; height: 27px; background: url("../Image/pro-right1-3.png"); margin: 6px 0;}
.pro-con{margin: 20px 0 0 0;}
.pro-con1{line-height: 25px;}
.com-top1-2{line-height: 40px; color: white;}
.com-top1-1{font-size: 22px; color: #005bac; font-weight: bold;}
.com-top1-3{width: 5px; height: 24px; background:#005bac; margin:13px 5px; }
.main{width: 1100px; min-width: 1100px !important; height: auto; margin: 0 auto; padding: 30px 0 60px 0;} 
.main-right{width: 900px; height: auto; overflow: hidden;}

.com-index-title{height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; color:black;}
.com-index-title1{font-size: 20px; line-height: 40px; color: #2f2f2f; font-weight: bold;}
.com-index-title1 p{float: left; background: url("../Image/title.png"); height: 25px; width: 16px; margin: 7.5px 5px 7.5px 0;}
.com-index2{text-align: center; font-size: 18px; line-height: 30px; margin: 10px 0;}
.com-index3{text-align: center; width: 600px; margin: 0 auto;}
.com-index4{text-align: left; font-size: 15px; line-height: 30px; margin: 10px 0;}
.con-index{margin: 20px 0; font-size: 15px; line-height: 30px;}

.news-index{margin: 5px 0 0 0;}
.news-index1{width: 550px; height: auto; overflow: hidden;}
.news-index2{width: 330px; height: auto;}
.news-index li{width: 550px; overflow: hidden; padding: 10px; margin: 0; border-bottom: 1px dashed #aaa;}
.news-index li .time{width: 100%;}
.news-index li:hover .title{color: #9c3435;}
.news-index li .title{width: 530px; height: 35px; line-height: 35px; font-size: 17px; font-weight: bold;}
.news-index li .time{width: 334px; height: 20px; line-height: 20px;}
.news-index li .time1{width: 20px; height: 20px; background: url("../Image/time1.png"); margin: 0 5px 0 0;}
.news-index li .time2{color: white; font-weight: bold;}
.news-index li .content{line-height: 30px; color: white; margin: 5px 0 0 0; font-size: 15px;}

.news-info{text-align: center;}
.news-info1{font-size: 18px; line-height: 30px; margin:10px 0 5px 0;}
.news-info3{width: 600px; margin: 10px auto;}
.news-info4{margin: 10px 0; font-size: 15px; line-height: 30px; text-align:left;}

.pro-info{margin: 20px 0;}
.pro-info1{text-align: center; width: 800px; margin: 0 auto;}
.pro-info1 img{max-width: 800px;}
.pro-info2{font-size: 18px; line-height: 40px; text-align: center;}
.pro-info3{font-size: 16px; margin: 5px 0; height: 35px; line-height: 35px;}
.pro-info3-1{width: 100px; background: #0d7dbd; color: white; height: 35px; text-align: center;}
.pro-info3-2{width: 800px; height: 35px;}
.pro-info4{font-size: 14px; line-height: 28px;}

.job-index{margin: 0 auto; padding: 10px 0;}
.job-index li{border-bottom: 1px solid #aaa; padding: 15px 0; line-height: 25px;}
.job-index1{font-size: 16px; color: red; font-weight: bold;}
.job-index2{font-size: 16px; border-bottom: 1px solid #aaa; height: 30px; line-height: 30px;}
.job-index3{line-height: 25px; padding: 5px 0;}
.job-index4{font-size: 16px; font-weight: bold;}

.message-form{margin: 20px 0 0 0; padding: 0 2px; overflow: hidden; width: 580px; height: auto;}
.message1{float: left; width: 200px; height: 40px; padding: 0 5px; line-height: 48px; margin: 20px 20px 0 0;
border: none; border: 1px solid #aaa; outline: none;}
.message2{width: 420px; line-height: 30px; height: 152px; margin: 20px 0 0 0; padding: 0 5px;
border: none; border: 1px solid #aaa;  outline: none;}
.message3{width: 186px; height: 40px; padding: 0 5px; margin: 20px 20px 0 0; float: left;
border: none; border: 1px solid #aaa;  outline: none;}
.message4{width: 90px; height: 40px; margin: 20px 20px 0 0; float: left;}
.message5{width: 100px; height: 40px; margin: 20px 0 0 0; float: left; background: #9c3435; color: white; border: none; font-size: 15px;
border-radius: 15px;}
.message5:hover{cursor: pointer;}

.contact1{margin: 10px 0 0 0; height: 40px; line-height: 40px; font-size: 24px; font-weight: bold;}
.contact2{width: auto; height: 130px; margin: 10px 0 0 0;}
.contact2 li{width: 100px; height: 130px; margin: 0 15px 0 0; float: left;}
.con-index .span1{display:inline-block; width: 30px; height: 30px; background: url("../Image/span1.png") center center no-repeat; margin-right: 5px; float: left;}
.con-index .span2{display:inline-block; width: 30px; height: 30px; background: url("../Image/span2.png") center center no-repeat; margin-right: 5px; float: left;}
.con-index .span3{display:inline-block; width: 30px; height: 30px; background: url("../Image/span3.png") center center no-repeat; margin-right: 5px; float: left;}
.con-index .span4{display:inline-block; width: 30px; height: 30px; background: url("../Image/span4.png") center center no-repeat; margin-right: 5px; float: left;}
.con-index .span5{display:inline-block; width: 30px; height: 30px; background: url("../Image/span5.png") center center no-repeat; margin-right: 5px; float: left;}
.con-index p{line-height: 30px; margin: 5px 0;}

.com-index1{margin: 30px 0 0 0;}
.com-index3{width: 365px; height: 420px; overflow: hidden; margin-right: 30px;}
.com-index4{width: 460px; height: auto; overflow: hidden; margin: 0;}
.com-index2{width: 35px; height: 450px; font-size: 16px;}
.com-index2 li{width: 35px; height: 150px;}
.com-index2-1{width: 34px; height: 150px; text-align: center; padding: 0 5px; line-height: 20px;}
.com-index2-2{height: 150px; width: 1px; background: #888;}
.com-index2-on .com-index2-2{background: red;}
.com-index2-on .com-index2-1{color: red;}
.com-index4-2{display: none;}
.com-index4-3{display: none;}

.index-bg{background: #171930; color: white; min-height: 640px;  min-width: 1100px !important;}
.product-index-bg{background: url("../Image/index-bg1.png") center center no-repeat;}
.news-index2{margin: 30px 0 0 0;}
.contact2 li p{width: 100%; height: 30px; line-height: 30px; text-align: center; color: white; font-size: 15px;}
.contact-left{width: 450px; height: auto; overflow: hidden;}
.pro-side-top{width: 155px; height: 50px; overflow: hidden;}

.header{width: 100%; min-width: 1100px !important;}

.pro-info1{width: 900px; height: 550px; position: relative;}
.pro-info1-1{width: 700px; height: 550px; text-align: center; line-height: 550px; font-size: 0; position: absolute; top: 0; left: 100px;
overflow: hidden;}
.pro-info1-1 img{vertical-align: middle; max-width: 700px;}
.pro-info1-2{width: 50px; height: 50px; position: absolute; left: 0; top: 250px; background: url("../Image/prev.png");}
.pro-info1-3{width: 50px; height: 50px; position: absolute; right: 0; top: 250px; background: url("../Image/next.png");}
.pro-info1-2 a{display: inline-block; width: 50px; height: 50px;}
.pro-info1-3 a{display: inline-block; width: 50px; height: 50px;}