body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333333;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333333;text-decoration: none;}
a:hover {color: #093b80;text-decoration: none;}
img {border: 0 none; max-width: 100%;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
i,em{font-style: normal;}
input, textarea, select {outline: none;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 991px) and (max-width: 1500px){
    html, body{font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
.navigation{text-align: center; line-height: 2;}
.navigation a{display: inline-table; padding: 0px 8px; border:1px #ccc solid;} 
.navigation a:hover,.navigation a.page-num-current{background: #093b80; color: #fff; border-color: #093b80;}

.clear{clear: both;}
/*menu*/
.navbar .logo img{max-height: 100%;}
.navbar{background:rgba(0,0,0,0.5);position: fixed; top: 0px; left: 0px; width: 100%;z-index: 999; color: #fff;}
.navbar-nav li{text-align: center;}
.navbar-nav>li>a{color: #fff;}
.head_phone{float: right; background: url(../images/xinzhichun_06.png) left center no-repeat; padding-left: 30px;}
.nav_caidan {position: absolute; left: 50%; line-height: 3; background: #093b80; width: 200px; margin-left: -100px; z-index: 9; display: none;}
.nav_caidan a{display: block; color: #fff;}
.nav_caidan a:hover{background: #82cddb;}
.navbar-nav li span{padding: 10px 0px; border:2px rgba(255,255,255,0) solid;}
.navbar-nav li:hover>a,.navbar-nav li.act>a{font-weight: bold; color: #0784f9;}
.navbar-nav li>a{position: relative; overflow: hidden;}
.navbar-nav li>a:after{content:"";width:100%;height:2px;background-color:#0784f9;position:absolute;bottom:0;left:-100%;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.navbar-nav li:hover>a:after,.navbar-nav li.act>a:after{left:0}


.navbar-nav li:hover .nav_caidan{display: block;}


.head_ico{float: right;}
.head_ico .phone{background: url(../images/index_06.png) left center no-repeat; display: inline-table; padding-left: 30px; line-height: 30px;}

@media (min-width: 1500px){
    .navigation{margin-top: 50px;}
    .ind_padding{padding-top: 80px;}
    .navbar,.case_height{height: 80px;}
    .navbar .logo{margin-top: 16px;}
    .navbar .logo img{height: 50px;}
    .navbar-nav li{padding: 0px 24px;line-height: 80px;}
    .nav_caidan{top: 78px;}
    .head_ico{margin-top: 25px; margin-left: 20px;}
    /*.marpad{margin-top: -80px; padding-top: 80px;}*/
}
@media (min-width: 1200px) and (max-width: 1500px){
    .navigation{margin-top: 40px;}
    .ind_padding{padding-top: 76px;}
    .navbar,.case_height{height:76px;}
    .navbar .logo{margin-top: 13px;}
    .navbar .logo img{height: 50px;}
    .navbar-nav li{padding: 0px 20px;line-height: 76px;}
    .nav_caidan{top: 76px;}
    .head_ico{margin-top: 23px; margin-left: 20px;}
    /*.marpad{margin-top: -76px; padding-top: 76px;}*/
}
@media (min-width: 991px) and (max-width: 1200px){
    .navigation{margin-top: 40px;}
    .ind_padding{padding-top: 70px;}
    .navbar,.case_height{height:70px;}
    .navbar .logo{margin-top: 15px;}
    .navbar .logo img{height: 40px;}
    .navbar-nav li{padding: 0px 12px;line-height: 70px;}
    .nav_caidan{top: 70px;}
    .head_ico{margin-top: 20px; margin-left: 20px;}
    /*.marpad{margin-top: -70px; padding-top: 70px;}*/
}
@media (min-width: 768px) and (max-width: 991px){
    .navigation{margin-top: 30px;}
    .ind_padding{padding-top: 65px;}
    .navbar,.case_height{height:65px;}
    .navbar .logo{margin-top: 15px;}
    .navbar .logo img{height: 35px;}
    .navbar-nav li{padding: 0px 10px;line-height: 65px;}
    .nav_caidan{top: 65px;}
    .head_ico{display: none;}
    /*.marpad{margin-top: -65px; padding-top: 65px;}*/
}
@media (max-width: 767px) {
    .navigation{margin-top: 1.6em;}
    .ind_padding{padding-top: 3.6em;}
    .navbar{ height: 3.6em; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; background: rgba(0,0,0,0.9);}
    .navbar.ind_navbar{background: rgba(0,0,0,0.5);}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; top:0px;}
    .navbar .logo img{ height: 2.6em; margin-top: 0.5em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 3.5em;  z-index: 10;  background: rgba(0,0,0,0.9); height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid;line-height: 2;}
    .navbar-collapse li a{padding: 0.6em 0px;}
    .head_ico{display: none;}
    /*.marpad{margin-top: -3.6em; padding-top: 3.6em;}*/
    #fp-nav{display: none;;}
    .case_height{ height: 3.6em;}

    .navbar_height{height: 3.6em; background:url(../images/navbar_height.png) center center no-repeat; background-size: auto 100%;}
}
@media (min-width: 768px){
    .navbar .logo{float: left;}
    .navbar-nav{float: left;}
    .navbar-collapse.collapse{float: right; padding: 0px;}
    .navbar-nav li{ position: relative;}
    .header_right .navbar-collapse{padding: 0px; float: left;}
}


.wrap{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.section{display: table;table-layout: fixed;width: 100%;}



@media (max-width: 767px) { 
    .pc_banner{display: none;}
}
@media (min-width: 768px){
    .wap_banner{display: none;}
}
.pc_banner,.pc_banner .swiper,.pc_banner .swiper-wrapper,.pc_banner .swiper-slide{height: 100%;}
.wap_banner,.wap_banner .swiper,.wap_banner .swiper-wrapper,.wap_banner .swiper-slide{height: 100%;}

.banner .swiper-slide{display: block; position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .swiper-slide .ani{position: absolute;left: 0px; top: 0px; width: 100%; text-align:center;}
.banner .swiper-slide .ani img{}

.pc_banner .swiper-button-next{right: 5%;}
.pc_banner .swiper-button-prev{left: 5%;}
.pc_banner .swiper-button-prev,.pc_banner .swiper-button-next{color: #fff;}

.banner .swiper-slide .img{transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s;transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); width: 100%; height:100%; object-fit: cover; position: absolute; left: 0px; top: 0px;}
.banner .swiper-slide-active .img{transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1);}

.wap_banner .swiper-pagination span{height:8px; width: 8px; border-radius: 50%; background: #fff;}
.wap_banner .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}

.main_banner{position: relative;}
.main_banner .swiper-button-next{right: 5%;}
.main_banner .swiper-button-prev{left: 5%;}
.main_banner .swiper-button-prev,.main_banner .swiper-button-next{color: #fff;}






.middle{display: table-cell;    vertical-align: middle;}


.ind_title{color: #083c6e; background: url(../images/indextitle_23.png) left bottom no-repeat;}
.ind_title.fff{border-color: #fff; color: #fff; background: url(../images/indextitle_98.png) left bottom no-repeat;}
.ind_title i{color: #efb24f;}
.ind_title h4 span{background: url(../images/index_11.png) center left no-repeat; background-size: auto 100%;}
.ind_title.fff h4{color: rgba(255,255,255,0.5);}
.ind_title h2 span{background: url(../images/index_18.png) center right no-repeat; padding-right: 40px;}
.ind_title em{position: absolute;display: inline-table; background: url(../images/indexkuang_07.png) center center no-repeat; background-size: auto 100%;}

.ind_more{background: #efb24f; color: #fff; border-radius: 50%; display: inline-table; position: absolute; right: 0px; top:0px; text-align: center;}
.ind_more:hover{background: #083c6e; color: #fff;}
@media (min-width: 1500px){
    .ind_title{}
    .ind_title h4{font-size: 24px; margin-bottom: 15px;}
    .ind_title h4 span{padding-left: 40px;}
    .ind_title h2{font-size: 48px; padding-bottom: 15px;}
    .ind_title em{ width: 142px; height: 208px; left: -65px; top: -50px;}

    .ind_more{font-size: 48px; width: 60px; height: 60px; line-height: 60px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_title{}
    .ind_title h4{font-size: 20px; margin-bottom: 14px;}
    .ind_title h4 span{padding-left: 40px;}
    .ind_title h2{font-size: 40px; padding-bottom: 14px;}
    .ind_title em{ width: 142px; height: 195px; left: -55px; top: -50px;}

    .ind_more{font-size: 40px; width: 56px; height: 56px; line-height: 56px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_title{}
    .ind_title h4{font-size: 18px; margin-bottom: 12px;}
    .ind_title h4 span{padding-left: 36px;}
    .ind_title h2{font-size: 36px; padding-bottom: 12px;}
    .ind_title em{ width: 142px; height: 186px; left: -45px; top: -50px;}

    .ind_more{font-size: 36px; width: 52px; height: 52px; line-height: 52px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_title{}
    .ind_title h4{font-size: 16px; margin-bottom: 10px;}
    .ind_title h4 span{padding-left: 32px;}
    .ind_title h2{font-size: 32px; padding-bottom: 10px;}

    .ind_more{font-size: 32px; width: 48px; height: 48px; line-height: 48px;}
}
@media (max-width: 767px) {
    .ind_title{}
    .ind_title h4{font-size: 1.1em; margin-bottom: 10px;}
    .ind_title h4 span{padding-left: 1.5em;}
    .ind_title h2{font-size: 2em; padding-bottom: 10px;}

    .ind_more{font-size: 2em; width: 1.5em; height: 1.5em; line-height: 1.5em;}
}
@media (min-width: 768px){
    
}












.footer{background: url(../images/indexbg_07.jpg) center center no-repeat; color: #fff;}
.footer a{color: #fff;}
.ind_contact li{line-height: 1.8; cursor: pointer;}
.ind_contact li img{transition: all 0.5s; }
.ind_contact li:hover img{transform: scale(1.15);}
.ind_contact li .img{float: left;}
.ind_contact li .desc{float: left;}
.ind_contact li .desc h3{font-weight: bold; line-height: 1.8}
@media (min-width: 1500px){
    .ind_contact li{width: 280px; margin-right: 180px; margin-top: 100px;}
    .ind_contact li:nth-child(3n){margin-right: 0px;}
    .ind_contact li:nth-child(3n-2){width: 480px;}
    .ind_contact li .img{width: 68px;}
    .ind_contact li .desc{width: 185px;}
    .ind_contact li:nth-child(3n-2) .desc{width: 385px;}
    .ind_contact li .desc .middle{height: 68px;}
    .ind_contact li .desc h3{font-size: 20px}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_contact li{width: 280px; margin-right: 100px; margin-top: 80px;}
    .ind_contact li:nth-child(3n){margin-right: 0px;}
    .ind_contact li:nth-child(3n-2){width: 400px;}
    .ind_contact li .img{width: 68px;}
    .ind_contact li .desc{width: 185px;}
    .ind_contact li:nth-child(3n-2) .desc{width: 310px;}
    .ind_contact li .desc .middle{height: 68px;}
    .ind_contact li .desc h3{font-size: 20px}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_contact li{min-width: 240px; margin-right: 65px; margin-top: 60px;}
    .ind_contact li:nth-child(3n){margin-right: 0px;}
    .ind_contact li:nth-child(3n-2){width: 360px;}
    .ind_contact li .img{width: 68px;}
    .ind_contact li .desc{width: 145px;}
    .ind_contact li:nth-child(3n-2) .desc{width: 276px;}
    .ind_contact li .desc .middle{height: 68px;}
    .ind_contact li .desc h3{font-size: 18px}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_contact li{width: 49%; margin-top: 30px;}
    .ind_contact li:nth-child(2n){float: right;}
    .ind_contact li .img{width: 68px;}
    .ind_contact li .desc{width: 280px;}
    .ind_contact li .desc .middle{height: 68px;}
    .ind_contact li .desc h3{font-size: 16px}
}
@media (max-width: 767px) {
    .ind_contact li{margin-top: 1em; width: 100%;}
    .ind_contact li .img{width: 20%;}
    .ind_contact li .desc{margin-left: 2%; width: 78%; }
    .ind_contact li .desc .middle{height: 68px;}
    .ind_contact li .desc h3{font-size: 16px}
}
@media (min-width: 768px){
    .ind_contact li{float: left;}
    .ind_contact li .desc{margin-left: 15px;}
}







.ind_new_title{position: relative;}

.ind_news_title{text-align: right;}
.ind_news_title a{display: inline-table; border-radius: 50%; background: #083c6e; color: #fff; text-align: center;text-transform:uppercase;transition: all 0.5s;}
.ind_news_title a:hover{transform: scale(1.15);}
.ind_newslist a{display: block; position: relative;}
.ind_newslist a p{white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.ind_newslist a span{position: absolute; right: 0px; top: 0px;}

@media (min-width: 1500px){
    .ind_news{width: 50%;}
    .ind_news_title{font-size: 18px; padding-right: 100px; margin-top: -60px;}
    .ind_news_title a{width: 96px; height: 96px; line-height: 96px; margin:0px 10px;}
    .ind_news_title a.more{width: 126px; height: 126px; line-height: 126px;}
    .ind_newslist{margin-top: 40px;}
    .ind_newslist a{line-height: 3; font-size: 18px;}
    .ind_newslist a p{width: 80%;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_news{width: 50%;}
    .ind_news_title{font-size: 18px; padding-right:60px; margin-top: -60px;}
    .ind_news_title a{width: 90px; height: 90px; line-height: 90px; margin:0px 8px;}
    .ind_news_title a.more{width: 110px; height: 110px; line-height: 110px;}
    .ind_newslist{margin-top: 40px;}
    .ind_newslist a{line-height: 3; font-size: 16px;}
    .ind_newslist a p{width: 80%;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_news{width: 50%;}
    .ind_news_title{font-size: 17px; margin-top: -50px;}
    .ind_news_title a{width: 90px; height: 90px; line-height: 90px; margin:0px 8px;}
    .ind_news_title a.more{width: 110px; height: 110px; line-height: 110px;}
    .ind_newslist{margin-top: 40px;}
    .ind_newslist a{line-height: 2.4; font-size: 16px;}
    .ind_newslist a p{width: 70%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_news{width: 50%;}
    .ind_news_title{font-size: 16px; margin-top: -45px;}
    .ind_news_title a{width: 80px; height: 80px; line-height: 80px; margin:0px 2px;}
    .ind_news_title a.more{width: 95px; height: 95px; line-height: 95px;}
    .ind_newslist{margin-top: 30px;}
    .ind_newslist a{line-height: 2.4; font-size: 16px;}
    .ind_newslist a p{width: 70%;}
}
@media (max-width: 767px) {
    .ind_new{background: url(../images/indexbg_06.jpg) left center no-repeat;}
    .ind_news_title{font-size: 1.1em; margin-top: -3em;}
    .ind_news_title a{width: 80px; height: 80px; line-height: 80px; margin:0px 2px;}
    .ind_news_title a.more{width: 95px; height: 95px; line-height: 95px;}
    .ind_newslist{margin-top: 2em;}
    .ind_newslist a{line-height: 2.4;}
    .ind_newslist a p{width: 70%;}
}
@media (min-width: 768px){
    .ind_new{background: url(../images/indexbg_06.jpg) center center no-repeat;}
}






.ind_case{background: url(../images/indexbg_041.jpg) center center no-repeat; background-size: auto 100%;}
.ind_case .ind_title{color: #fff;}
.ind_case_desc{color: #fff; position: relative;}
.ind_case_desc p{line-height: 2;}

.ind_case_list a{float: left; color: #083c6e; text-align:center;}
.ind_case_list a.act{color: #fff;}
.ind_case_list a .hover{background: rgba(255,255,255,0.9); border-radius: 10px; width: 100%;transition: all 0.5s;}
.ind_case_list a.act .hover{background: url(../images/ind_case_bg_03.png) center center no-repeat; background-size: 100% 100%; height: 100%;}
.ind_case_list a.act .img{background: url(../images/ind_casetitlebg.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a .middle{width: 500px; height: 100%;transition: all 0.5s;}
.ind_case_list a.imgs1 .middle{background: url(../images/index_70.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a.imgs2 .middle{background: url(../images/index_74.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a.imgs3 .middle{background: url(../images/index_77.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a.imgs4 .middle{background: url(../images/index_79.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a.imgs5 .middle{background: url(../images/index_81.png) center center no-repeat; background-size: auto 100%;}
.ind_case_list a.imgs1.act .middle{background: url(../images/indexfff_70.png) center center no-repeat; background-size: auto 40%;}
.ind_case_list a.imgs2.act .middle{background: url(../images/indexfff_74.png) center center no-repeat; background-size: auto 40%;}
.ind_case_list a.imgs3.act .middle{background: url(../images/indexfff_77.png) center center no-repeat; background-size: auto 40%;}
.ind_case_list a.imgs4.act .middle{background: url(../images/indexfff_79.png) center center no-repeat; background-size: auto 40%;}
.ind_case_list a.imgs5.act .middle{background: url(../images/indexfff_81.png) center center no-repeat; background-size: auto 40%;}
.ind_case_list a h3{line-height: 2;}
@media (min-width: 1500px){
    .ind_case_desc{margin-top: 20px;}
    .ind_case_desc p{width: 50%; font-size: 20px;}
 
    .ind_case_list{margin-top: 35px;}
    .ind_case_list a{width: 265px; margin-left: 18px; height: 375px; }
    .ind_case_list a:nth-child(5n-4){margin-left: 0px;}
    .ind_case_list a .hover{padding: 30px 0px;}
    .ind_case_list a.act .hover{padding:50px 0px;}
    .ind_case_list a .img .middle{height: 66px;}
    .ind_case_list a.act .img .middle{height: 170px;}
    .ind_case_list a h3{font-size: 24px; margin-top: 20px;}
    .ind_case_list a.act h3{margin-top: 30px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_case_desc{margin-top: 18px;}
    .ind_case_desc p{width: 50%; font-size: 18px;}
 
    .ind_case_list{margin-top: 30px;}
    .ind_case_list a{width: 219px; margin-left: 18px; height: 300px; }
    .ind_case_list a:nth-child(5n-4){margin-left: 0px;}
    .ind_case_list a .hover{padding: 30px 0px;}
    .ind_case_list a.act .hover{padding:40px 0px;}
    .ind_case_list a .img .middle{height: 60px;}
    .ind_case_list a.act .img .middle{height: 150px;}
    .ind_case_list a h3{font-size: 20px; margin-top: 20px;}
    .ind_case_list a.act h3{margin-top: 25px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_case_desc{margin-top: 15px;}
    .ind_case_desc p{width: 50%; font-size: 16px;}
 
    .ind_case_list{margin-top: 30px;}
    .ind_case_list a{width: 186px; margin-left: 10px; height: 270px; }
    .ind_case_list a:nth-child(5n-4){margin-left: 0px;}
    .ind_case_list a .hover{padding: 20px 0px;}
    .ind_case_list a.act .hover{padding:30px 0px;}
    .ind_case_list a .img .middle{height: 50px;}
    .ind_case_list a.act .img .middle{height: 130px;}
    .ind_case_list a h3{font-size: 18px; margin-top: 18px;}
    .ind_case_list a.act h3{margin-top: 24px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_case_desc{margin-top: 15px;}
    .ind_case_desc p{width: 50%; font-size: 16px;}
 
    .ind_case_list{margin-top: 30px;}
    .ind_case_list a{width: 142px; margin-left: 10px; height: 200px; }
    .ind_case_list a:nth-child(5n-4){margin-left: 0px;}
    .ind_case_list a .hover{padding: 15px 0px;}
    .ind_case_list a.act .hover{padding:25px 0px;}
    .ind_case_list a .img .middle{height: 40px;}
    .ind_case_list a.act .img .middle{height: 100px;}
    .ind_case_list a h3{font-size: 16px; margin-top: 15px;}
    .ind_case_list a.act h3{margin-top: 20px;}
}
@media (max-width: 767px) {
    .ind_case_desc{display: none;}

    .ind_case_list{margin-top: 30px;}
    .ind_case_list a{width: 49%; margin: 0.8em 0px;}
    .ind_case_list a.imgs1{width: 100%;}
    .ind_case_list a.imgs3,.ind_case_list a.imgs5{float: right;}
    .ind_case_list a .hover{padding: 1em 0px;}
    .ind_case_list a.act .hover{padding:1em 0px;}
    .ind_case_list a .img .middle{height: 2.4em;}
    .ind_case_list a.act .img .middle{height: 5em;}
    .ind_case_list a h3{font-size: 1.1em; margin-top: 0.7em;}
    .ind_case_list a.act h3{margin-top: 0.8em;}
}
@media (min-width: 768px){
    .ind_case_list a{position: relative;}
    .ind_case_list a .hover{position: absolute; left: 0px; bottom: 0px;}
}



.ind_product{background: url(../images/indexbg_03.jpg) center center no-repeat;}
.ind_product .ind_title{color: #fff;background: url(../images/indextitle_98.png) left bottom no-repeat;}
.ind_pro_cate a{display: block; position: relative; color: #fff;}
.ind_pro_cate a i{position: absolute; left: -100%; top: 0px; width: 100%; height: 100%;  background: #efb24f; display: none;}
.ind_pro_cate a h3{line-height: 2;}

.ind_pro_cate a:hover,.ind_pro_cate a.act{background: #efb24f;}

.ind_product .right img{transition: all 0.5s;}
.ind_product .right a:hover img{transform: scale(1.15);}
.ind_product_list1 a{display: block; background: #fff; border-radius: 10px; border:1px #eec47f solid; float: left; width: 49%; text-align: center;}
.ind_product_list1 a:nth-child(2n){float: right;}
.ind_product_list1 a .middle{width: 500px;}
.ind_product_list1 a h3{line-height: 2;}
.ind_product_list2 a{display: block;background: #fff; border-radius: 10px; border:1px #eec47f solid;}
.ind_product_list2 a .img{float: left; width: 49%;text-align: center;}
.ind_product_list2 a .middle{width: 500px;}
.ind_product_list2 a .word{float: right; width: 48%;}
.ind_product_list2 a h3{background: url(../images/index_23.png) left bottom no-repeat; border-bottom:1px #c2c2c2 solid; line-height: 2; padding-bottom: 6px;}
.ind_product_list2 a .desc{line-height: 2;}
@media (min-width: 1500px){
    .ind_product .left{float: left; width: 440px;}
    .ind_product .right{float: right; width: 820px;}
    .ind_pro_cate a{margin: 28px 0px;}
    .ind_pro_cate a h3{padding-left: 45px; font-size: 24px;}

    .ind_product .right h3{font-size: 24px;}
    .ind_product_list1{margin-bottom: 20px;}
    .ind_product_list1 a{padding:15px 0px;}
    .ind_product_list1 a .middle{height: 190px;}
    .ind_product_list1 a .middle img{max-height: 190px;}
    .ind_product_list1 a h3{padding-top: 10px;}

    .ind_product_list2 a{padding:15px 30px;}
    .ind_product_list2 a .middle{height: 240px;}
    .ind_product_list2 a .middle img{max-height: 240px;}
    .ind_product_list2 a .desc{margin-top: 15px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_product .left{float: left; width: 380px;}
    .ind_product .right{float: right; width: 720px;}
    .ind_pro_cate a{margin: 26px 0px;}
    .ind_pro_cate a h3{padding-left: 40px; font-size: 20px;}

    .ind_product .right h3{font-size: 20px;}
    .ind_product_list1{margin-bottom: 20px;}
    .ind_product_list1 a{padding:12px 0px;}
    .ind_product_list1 a .middle{height: 170px;}
    .ind_product_list1 a .middle img{max-height: 170px;}
    .ind_product_list1 a h3{padding-top: 10px;}

    .ind_product_list2 a{padding:12px 20px;}
    .ind_product_list2 a .middle{height: 210px;}
    .ind_product_list2 a .middle img{max-height: 210px;}
    .ind_product_list2 a .desc{margin-top: 15px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_product .left{float: left; width: 280px;}
    .ind_product .right{float: right; width: 660px;}
    .ind_pro_cate a{margin: 26px 0px;}
    .ind_pro_cate a h3{padding-left: 40px; font-size: 18px;}

    .ind_product .right h3{font-size: 18px;}
    .ind_product_list1{margin-bottom: 20px;}
    .ind_product_list1 a{padding:12px 0px;}
    .ind_product_list1 a .middle{height: 170px;}
    .ind_product_list1 a .middle img{max-height: 170px;}
    .ind_product_list1 a h3{padding-top: 10px;}

    .ind_product_list2 a{padding:12px 20px;}
    .ind_product_list2 a .middle{height: 210px;}
    .ind_product_list2 a .middle img{max-height: 210px;}
    .ind_product_list2 a .desc{margin-top: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_product .left{float: left; width: 220px;}
    .ind_product .right{float: right; width: 510px;}
    .ind_pro_cate a{margin: 26px 0px;}
    .ind_pro_cate a h3{padding-left: 40px; font-size: 16px;}

    .ind_product .right h3{font-size: 16px;}
    .ind_product_list1{margin-bottom: 20px;}
    .ind_product_list1 a{padding:12px 0px;}
    .ind_product_list1 a .middle{height: 170px;}
    .ind_product_list1 a .middle img{max-height: 170px;}
    .ind_product_list1 a h3{padding-top: 10px;}

    .ind_product_list2 a{padding:12px 20px;}
    .ind_product_list2 a .middle{height: 210px;}
    .ind_product_list2 a .middle img{max-height: 210px;}
    .ind_product_list2 a .desc{margin-top: 15px;}
}
@media (max-width: 767px) {
    .ind_pro_cate{text-align: center; padding:1em 0px;}
    .ind_pro_cate a{margin: 0.2em 0px; display: inline-table; padding:0px 0.8em;}
    .ind_pro_cate a h3{font-size: 1.1em;}

    .ind_product .right h3{font-size: 1.1em;}
    .ind_product_list1{margin-bottom: 1em;}
    .ind_product_list1 a{padding:0.6em 0px;}
    .ind_product_list1 a .middle{height: 10em;}
    .ind_product_list1 a .middle img{max-height: 10em;}
    .ind_product_list1 a h3{padding-top: 10px;}

    .ind_product_list2 a{padding:0.6em 1em;}
    .ind_product_list2 a .middle{height: 12em;}
    .ind_product_list2 a .middle img{max-height: 12em;}
    .ind_product_list2 a .desc{margin-top: 0.6em;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4; overflow: hidden;}
}
@media (min-width: 768px){
    .ind_pro_cate a{padding:8px 0px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
    .ind_pro_cate a.pro_cate1 h3{background: url(../images/indexfff_47.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate2 h3{background: url(../images/indexfff_52.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate3 h3{background: url(../images/indexfff_59.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate4 h3{background: url(../images/indexfff_62.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate5 h3{background: url(../images/indexfff_54.png) center left no-repeat; background-size:auto 80%; }

    .ind_pro_cate a.pro_cate1:hover h3,.ind_pro_cate a.pro_cate1.act h3{background: url(../images/indexfff_47.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate2:hover h3,.ind_pro_cate a.pro_cate2.act h3{background: url(../images/indexfff_52.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate3:hover h3,.ind_pro_cate a.pro_cate3.act h3{background: url(../images/indexfff_59.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate4:hover h3,.ind_pro_cate a.pro_cate4.act h3{background: url(../images/indexfff_62.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a.pro_cate5:hover h3,.ind_pro_cate a.pro_cate5.act h3{background: url(../images/indexfff_54.png) center left no-repeat; background-size:auto 80%; }
    .ind_pro_cate a:hover i,.ind_pro_cate a.act i{display: block;}
}



.ind_about{background: url(../images/indexbg_02.jpg) center center no-repeat; color: #fff;}
.ind_about .ind_title{position: relative;}
video{max-width: 100%;}

.ind_abo_desc{line-height: 2;}
.ind_abo_biao{background: url(../images/ind_aboutbg.png) center center no-repeat; background-size: 100% 100%;}
.ind_abo_ul li{width: 33.333%; text-align: center; float: left;}
@media (min-width: 1500px){
    .ind_abo{margin-top: 40px;}
    .ind_abo .left{float: left; width: 670px;font-size: 18px;}
    .ind_abo_desc{}
    .ind_abo_biao{margin-top: -60px; padding: 30px 0px;}
    .ind_abo_ul{width: 670px;}
    .ind_abo_ul li h3{font-size: 36px; margin: 10px 0px;}
    .ind_abo .right{float: right; width: 540px;}
}
@media (min-width: 1200px) and (max-width: 1500px){
    .ind_abo{margin-top: 35px;}
    .ind_abo .left{float: left; width: 580px; padding-top: 30px;font-size: 17px;}
    .ind_abo_desc{}
    .ind_abo_biao{margin-top: 35px; padding: 25px 0px;}
    .ind_abo_ul{width: 580px;}
    .ind_abo_ul li h3{font-size: 32px; margin: 10px 0px;}
    .ind_abo .right{float: right; width: 500px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .ind_abo{margin-top: 30px;}
    .ind_abo .left{float: left; width: 480px;font-size: 16px;}
    .ind_abo_desc{}
    .ind_abo_biao{margin-top: 30px; padding: 20px 0px;}
    .ind_abo_ul{width: 480px;}
    .ind_abo_ul li h3{font-size: 30px; margin: 10px 0px;}
    .ind_abo .right{float: right; width: 400px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_abo{margin-top: 25px;}
    .ind_abo .left{float: left; width: 420px;font-size: 16px;}
    .ind_abo_desc{}
    .ind_abo_biao{margin-top: 25px; padding: 18px 0px;}
    .ind_abo_ul{width: 420px;}
    .ind_abo_ul li h3{font-size: 26px; margin: 10px 0px;}
    .ind_abo .right{float: right; width: 300px;}
}
@media (max-width: 767px) {
    .ind_abo{margin-top: 1em;}
    .ind_abo .left{font-size: 1.1em;}
    .ind_abo_desc{height: 12em; overflow: hidden;}
    .ind_abo_biao{margin-top: 1em; padding: 0.8em 0px;}
    .ind_abo_ul li h3{font-size: 2em; margin: 10px 0px;}
    .ind_abo .right{margin-top: 1.5em;}
}
@media (min-width: 768px){
    
}



.mfooter{background: url(../images/indexbg_07.jpg) center center no-repeat; color: #fff;}
.mfooter a{color: #fff;}
.foot_ul{line-height: 2.2;}
.foot_link select{background: rgba(255,255,255,0.9); border:0px #fff solid; padding:4px 20px; color: #333;}
.foot_ul .center{float: left;}
.foot_ul h3{font-weight: bold; line-height: 2;}
.foot_ul p{padding-left: 40px;}
.foot_ul p.phone{background: url(../images/about_68.png) top left no-repeat; }
.foot_ul p.email{background: url(../images/about_72.png) top left no-repeat;}
.foot_ul p.address{background: url(../images/about_75.png) top left no-repeat;}
.foot_ul .right{float: right;}
.foot_copyright{text-align: center; border-top: 1px #fff solid; line-height: 2;}
@media (min-width: 1300px){
    .mfooter{padding-top: 40px;}
    .foot_ul{padding:50px 0px;}
    .foot_ul li{float: left;}
    .foot_link{margin-top: 30px;}
    .foot_ul .left{width: 390px;padding-top: 50px;}
    .foot_logo{max-width: 330px;}
    .foot_ul .center{width: 570px; padding:0px 70px;}
    .foot_ul h3{font-size: 22px;}
    .foot_ul p{margin-top: 10px;}
    .foot_ul .right{max-width: 168px; padding-top: 50px;}
    .foot_copyright{padding:25px 0px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .mfooter{padding-top: 30px;}
    .foot_ul{padding:40px 0px;}
    .foot_ul li{float: left;}
    .foot_link{margin-top: 30px;}
    .foot_ul .left{width: 345px; padding-top: 40px;}
    .foot_logo{max-width: 300px;}
    .foot_ul .center{width: 460px; padding:0px 40px;}
    .foot_ul h3{font-size: 20px;}
    .foot_ul p{margin-top: 10px;}
    .foot_ul .right{max-width: 130px; padding-top: 40px;}
    .foot_copyright{padding:20px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .mfooter{padding-top: 20px;}
    .foot_ul{padding:30px 0px;}
    .foot_ul li{}
    .foot_ul .left{margin-bottom: 30px;}
    .foot_logo{max-width: 300px; float: left;}
    .foot_link{float: right;margin-top: 15px;}
    .foot_ul .center{ width: 460px; padding:0px 40px;}
    .foot_ul h3{font-size: 20px;}
    .foot_ul p{margin-top: 10px;}
    .foot_ul .right{max-width: 130px; padding-top: 30px;}
    .foot_copyright{padding:15px 0px;}
}
@media (max-width: 767px) {
    .mfooter{padding-top: 1em;}
    .foot_ul{padding:1.5em 0px;}
    .foot_ul li{}
    .foot_ul .left{margin-bottom: 30px;}
    .foot_logo{text-align: center;}
    .foot_link{display: none;}
    .foot_ul .center{width: 70%;}
    .foot_ul h3{font-size: 20px;}
    .foot_ul p{margin-top: 10px;}
    .foot_ul .right{width: 28%; padding-top: 4em;}
    .foot_copyright{padding:15px 0px;}
}
@media (min-width: 768px){
    .foot_ul .center{border-left: 1px #fff solid; border-right: 1px #fff solid;}
}





.middle{display: table-cell; vertical-align: middle;width: 1920px;}


.main_ban_word{position: relative; color: #fff; line-height: 2; text-align: center;}
.main_ban_word img{width: 100%; height: 100%; object-fit: cover;}
.main_ban_word .word{position: absolute; left: 0px; top: 0px; width: 100%; display: none;}
.main_ban_word .middle{text-align: center; padding: 0px 2%;}
.main_ban_word h2{text-transform:uppercase}
.main_ban_word h3{line-height: 2;}
.main_ban_word a{display: inline-table; background: #0856a5; color: #fff; border-radius: 0.6rem;}
@media (min-width: 1600px){
    .main_ban_word,.main_ban_word .middle{height: 600px; }
    .main_ban_word h2{font-size: 48px;}
    .main_ban_word h3{font-size: 36px;}
} 
@media (min-width: 1400px) and (max-width: 1600px){
    .main_ban_word,.main_ban_word .middle{height: 550px;}
    .main_ban_word h2{font-size: 44px;}
    .main_ban_word h3{font-size: 33px;}
} 
@media (min-width: 1200px) and (max-width: 1400px){
    .main_ban_word,.main_ban_word .middle{height: 500px;}
    .main_ban_word h2{font-size: 40px;}
    .main_ban_word h3{font-size: 30px;}
} 
@media (min-width: 991px) and (max-width: 1200px){
    .main_ban_word,.main_ban_word .middle{height: 400px;}
    .main_ban_word h2{font-size: 36px;}
    .main_ban_word h3{font-size: 26px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_ban_word,.main_ban_word .middle{height: 300px;}
    .main_ban_word h2{font-size: 34px;}
    .main_ban_word h3{font-size: 24px;}
}
@media (max-width: 767px) {
    .main_ban_word,.main_ban_word .middle{height: 10rem;}
    .main_ban_word h2{font-size: 1.8em;}
    .main_ban_word h3{font-size: 1.4em;}
}
@media (min-width: 768px){
    .main_ban_word a{padding: 6px 20px;}
}


.main_cate a{display: inline-table;line-height: 1; border-right: 2px #666666 solid;}
.main_cate a:hover,.main_cate a.act,.main_cate span{color: #073c6e;}
@media (min-width: 1600px){
    .main_ptb{padding: 70px 0px;}
    .main_pt{padding-top: 70px;}
    .main_pb{padding-bottom: 70px;}
}
@media (min-width: 1400px) and (max-width: 1600px){
    .main_ptb{padding: 60px 0px;}
    .main_pt{padding-top: 60px;}
    .main_pb{padding-bottom: 60px;}
}
@media (min-width: 1200px) and (max-width: 1400px){
    .main_ptb{padding: 50px 0px;}
    .main_pt{padding-top: 50px;}
    .main_pb{padding-bottom: 50px;}
}
@media (min-width: 991px) and (max-width: 1200px){
    .main_ptb{padding: 40px 0px;}
    .main_pt{padding-top: 40px;}
    .main_pb{padding-bottom: 40px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_ptb{padding: 30px 0px;}
    .main_pt{padding-top: 30px;}
    .main_pb{padding-bottom: 30px;}
}
@media (max-width: 767px) {
    .main_cate a{padding:0px 0.6em;}
    .main_ptb{padding: 1.6rem 0px;}
    .main_pt{padding-top: 1.6rem;}
    .main_pb{padding-bottom: 1.6rem;}
}
@media (min-width: 768px){
    .main_cate a{padding:0px 15px;}
    .main_cate a:first-child{padding-left: 0px;}
    .main_cate a:last-child{padding-right: 0px; border-right: 0px #fff solid;}
}

.location{line-height: 60px; background: #f6f6f6;}
.breadcrumb1 a:first-child{background: url(../images/caselist_04.png) center left no-repeat; padding-left: 26px;}
@media (min-width: 768px){
    .location .left{float: left;}
    .location .right{float: right;}
    
}
@media (max-width: 767px) {
    .location{line-height: 2; padding-bottom: 1rem;}
    .breadcrumb1{ padding: 0.4rem 0px;}
    .location .left{text-align: center;}
}



/*about*/
.maboutt .mabright .ind_abo_ul,.maboutt .mabimg .ind_abo_ul{width: auto;}
.maboutt .mabright{position: relative; overflow: auto;}
.maboutt .mabright span.line{position: absolute; background: rgba(0,0,0,0.1); height: 3px; display: block;}
.maboutt .mabright .mabmore{color:#d60107;float: right; margin-top:10px;}
.maboutt .mabright .mabmore:hover{color: #294284;}
.mabouttt{line-height: 2;}
@media (min-width: 1300px){
    .maboutt{padding-bottom: 60px;}
    .maboutt .mabimg{width: 46%; float: left; padding-top: 120px;}
    .maboutt .mabright{width: 50%; float: right;}
    .maboutt .mabright h1{font-weight: bold; font-size: 36px;}
    .maboutt .mabright span.line{ left: -180px; top:80px; width: 345px;}
    .mabouttt{margin:50px 0px 30px;}
    .maboutguanggao .pcc{display: block;}
    .maboutt .mabimg .ind_abo_ul{display: none;}
    .maboutguanggao .wapp{display: none;}
}
@media (min-width: 992px) and (max-width: 1300px){
    .maboutt{padding-bottom: 50px;}
    .maboutt .mabimg{width: 46%; float: left; padding-top: 100px;}
    .maboutt .mabright{width: 50%; float: right;}
    .maboutt .mabright h1{font-weight: bold; font-size: 36px;}
    .maboutt .mabright span.line{ left: -180px; top:80px; width: 345px;}
    .mabouttt{margin:35px 0px 20px;}
    .maboutguanggao .pcc{display: block;}
    .maboutt .mabimg .ind_abo_ul{display: none;}
    .maboutguanggao .wapp{display: none;}
}
@media (min-width: 768px) and (max-width: 992px){
    .maboutt{padding-bottom: 40px;}
    .maboutt .mabimg{width: 46%; float: left;}
    .maboutt .mabimg img{}
    .maboutt .mabimg .ind_abo_ul{margin-top: 10px;}
    .maboutt .mabright{width: 52%; float: right; position: relative;}
    .maboutt .mabright h1{font-weight: bold; font-size: 28px;}
    .maboutt .mabright span.line{display: none;}

    .mabouttt{line-height: 24px; font-size: 14px; margin-top: 10px;}
    .maboutguanggao .pcc{display: block;}
    .maboutguanggao .wapp{display: none;}
    .maboutt .mabright .ind_abo_ul{display: none;}
}

@media (max-width: 767px){
    .maboutt{padding-bottom: 1.6em;}
    .maboutguanggao .pcc{display: none;}
    .maboutguanggao .wapp{display: block; margin:1em 0px;}
    .maboutt .mabimg{width: 100%;}
    .maboutt .mabright{width: 100%; margin-top: 1.5em;}
    .maboutt .mabright h1{font-weight: bold; font-size: 1.4em; margin-top:1em;}
    .maboutt .mabright span.line{}
    .maboutt .mabimg .ind_abo_ul{display: none;}
    .mabouttt{line-height: 1.6em; font-size: 1em; margin: 1em 0px;}
}




.mttitle{text-align: center;}


/*culture*/
.mculture{background: #f8f8f8; }
.mcult .mcultlist li b{color: #999999;display: block;text-align: center;}
.mcult .mcultlist li .imgg{ float: left;}
.mcult .mcultlist li .imgg div{vertical-align: middle; display: table-cell; text-align:center;}
.mcult .mcultlist li b{float: left;}
.mcult .mcultlist li p{float: left;}
@media (min-width: 1300px){
    .mculture{padding: 60px 0px;}
    .mcult{padding-top: 60px;}
    .mcult .mcultlist{width: 51%; float: left;}
    .mcult .mcultlist li{height: 54px; margin:18px 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 10%; height: 54px;}
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 54px;}
    .mcult .mcultlist li div img{max-width: 100%; max-height: 100%;}
    .mcult .mcultlist li b{line-height: 54px; font-size: 22px;width: 24%; }
    .mcult .mcultlist li p{width: 66%; line-height: 54px;}
    .mabculture{width: 49%;}
}
@media (min-width: 992px) and (max-width: 1300px){
    .mculture{padding: 50px 0px;}
    .mcult{padding-top: 50px;}
    .mcult .mcultlist{width: 51%; float: left;}
    .mcult .mcultlist li{height: 50px; margin:18px 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 10%; height: 50px;}
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 50px;}
    .mcult .mcultlist li div img{max-width: 100%; max-height: 100%;}
    .mcult .mcultlist li b{line-height: 50px; font-size: 20px;width: 24%; }
    .mcult .mcultlist li p{width: 66%; line-height: 50px;}
    .mabculture{width: 49%; padding-top: 25px;}
}
@media (min-width: 768px) and (max-width: 992px){
    .mculture{padding: 40px 0px;}
    .mcult{padding-top: 40px;}
    .mcult .mcultlist{width: 51%; float: left;}
    .mcult .mcultlist li{height: 45px; margin:14px 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 10%; height: 45px;}
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 45px;}
    .mcult .mcultlist li div img{max-width: 100%; max-height: 100%;}
    .mcult .mcultlist li b{line-height: 45px; font-size: 18px;width: 24%; }
    .mcult .mcultlist li p{width: 66%; line-height: 45px;}
    .mabculture{width: 49%; padding-top: 40px;}
}
@media (max-width: 767px){
    .mculture{padding: 2em 0px;}
    .mcult{padding-top: 1em;}
    .mcult .mcultlist{width: 100%;}
    .mcult .mcultlist li{margin:1em 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 20%; float: left; }
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 65px;vertical-align: middle; display: table-cell; text-align:center;}
    .mcult .mcultlist li div img{max-width: 80%;}
    .mcult .mcultlist li b{line-height: 2; font-size: 18px;width: 24%;}
    .mcult .mcultlist li p{float: right; width: 78%; line-height: 2em; font-size: 0.9em;}
}

/*history*/
.mhistory{background: url(../images/mabhistorybg.png) center bottom no-repeat;}
.mhistory li{background: url(../images/hsittt.png) center center no-repeat; width: 16.6666%;float: left; background-size: 100%; cursor: pointer;}
.mhistory li.active{background: url(../images/hsittthover.png) center center no-repeat;background-size: 100%;}
.mhistory .active div{display: block;}
.mhistory li.active span{background: url(../images/sanjiao.png) left 10px bottom no-repeat;color: #d60107; font-weight: bold;}
.event_box{ position: relative;}
.slideBox{display: none;}
.parBd{ background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.6); padding:20px 5%;}
.slideBox:first-child{display: block;}
.mhistory li:hover span{color: #d60107; font-weight: bold;}
@media (min-width: 768px){
    .event_box{margin-top: 24px; position: relative;}
    .parBd{    width: 60%;   margin: 40px auto 0px;}
    .sNext{position: absolute; right: -32px; top:40px; }
    .sPrev{position: absolute; left: -32px; top:40px; }
    .mhistory{ height:  530px; padding: 60px 0px;}
    .mhistory ul{margin-top:64px;}
    .mhistory li{height: 40px;position: relative; margin:35px 0px;}
    .mhistory li span{padding-top: 35px; margin-left: 27%; display: block; padding-bottom: 10px; }
    .mhistory li div{position: absolute; left: 50%; top:65px; background: #fff; margin-left: -125px; width: 250px; border-radius: 5px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); padding:15px 20px; display: none; line-height: 30px;}
}
@media(min-width: 768px) and (max-width: 1200px){
    .mhistory li:first-child .shijian{position:absolute; left:0px; margin-left: 0px;}
    .mhistory li:last-child .shijian{position:absolute; left: -50%; right:0px; margin-left: 0px;}
    .mhistory li span{margin-left: 22%;}
}
@media(min-width: 768px) and (max-width: 900px){
    .mhistory li:last-child .shijian{position:absolute; left: -100%; right:0px; margin-left: 0px;}
}
@media (max-width: 767px){
    .parBd{    width: 95%;   margin: 2em auto 0px;}
    .mhistory{ height:22em; padding: 2em 0px;}
    .sNext{position: absolute; right: 0px; top:40px; }
    .sPrev{position: absolute; left: 0px; top:40px; }
    .mhistory ul{margin-top:1em;position: relative;}
    .mhistory li{height: 40px; margin:2.3em 0px; }
    .mhistory li span{padding-top: 35px; margin-left: 5%; display: block; padding-bottom: 10px;}
    .mhistory li .shijian{position: absolute; left: 50%; top:5.3em; background: #fff; margin-left: -48%; width: 96%; border-radius: 5px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); padding:15px 20px; display: none; line-height: 30px;}
}

/*tab*/
.hutab .tab{text-align: center;}
.hutab .tab a{display: inline-table; cursor:pointer; border-bottom: 4px #a5a5a5 solid;}
.hutab .tab a.on{border-color: #083c6e; color: #083c6e;}

.hutab .swiper-slide {}
.hutab .ct{ position: relative; height: 0px; overflow: hidden;}
.hutab .ct.act{height: auto; overflow: inherit;}
.hutab .ct img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;  -o-transition:all .4s; cursor: pointer;}
.hutab .ct img:hover{transform: scale(1.2);}
@media (min-width: 1300px){
    .hutab .tab {line-height:40px;  margin:40px auto;}
    .hutab .tab a {padding:7px 10px;  margin:0px 40px; font-size: 20px;}

    .hutab .ct .mySwiper{height: 480px;}
    .hutab .ct .swiper-slide{height: calc((100% - 20px) / 2);}
}
@media (min-width: 991px) and (max-width: 1300px){
    .hutab .tab {line-height:40px;  margin:30px auto;}
    .hutab .tab a {padding:6px 10px;  margin:0px 20px; font-size: 20px;}

    .hutab .ct .mySwiper{height: 394px;}
    .hutab .ct .swiper-slide{height: calc((100% - 20px) / 2);}
}
@media (min-width: 768px) and (max-width: 991px){
    .hutab .tab {line-height:40px;  margin:30px auto;}
    .hutab .tab a {padding:5px 10px;  margin:0px 15px; font-size: 18px;}

    .hutab .ct .mySwiper{height: 306px;}
    .hutab .ct .swiper-slide{height: calc((100% - 20px) / 2);}
}
@media (max-width: 767px) {
    .hutab .tab {line-height:40px;  margin:1.4em auto;}
    .hutab .tab a {padding:0.1em 0.3em;  margin:0px 0.4em; font-size: 1.1em;}

    .hutab .ct .mySwiper{height: 10em;}
    .hutab .ct .swiper-slide{height: calc((100% - 20px) / 2);}
}
@media (min-width: 768px){
    
}


/*swiper*/
.ct1 .mySwiper,.ct2 .mySwiper,.ct3 .mySwiper{width: 100%; height: 100%; margin-left: auto; margin-right: auto; overflow: hidden;}
.ct1 .swiper-slide,.ct2 .swiper-slide,.ct3 .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow: hidden;}
.ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{border-radius: 50%;}
.ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{border-radius: 50%;}
.ct1 .swiper-pagination,.ct2 .swiper-pagination,.ct3 .swiper-pagination{display: none;}
@media(min-width: 768px){
    .huanjing{padding: 60px 0px; }
}
@media (min-width: 1100px){
    .ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{right: -70px; width: 56px; height: 56px; background: url(../images/rightbtn.png) center center no-repeat; margin-top:-28px;}
    .ct1 .swiper-button-prev,.ct2 .swiper-button-prev,.ct3 .swiper-button-prev{left: -70px; width: 56px; height: 56px; background: url(../images/leftbtn.png) center center no-repeat; margin-top:-28px;}
}
@media(min-width: 992px) and (max-width: 1100px){
    .ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{right: 0px; width: 45px; height: 45px; background: url(../images/rightbtn.png) center center no-repeat;  margin-top:-22.5px;}
    .ct1 .swiper-button-prev,.ct2 .swiper-button-prev,.ct3 .swiper-button-prev{left: 0px; width: 45px; height: 45px; background: url(../images/leftbtn.png) center center no-repeat;  margin-top:-22.5px;}
}
@media(min-width: 768px) and (max-width: 992px){
    .ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{right: 0px; width: 30px; height: 30px; background: url(../images/rightbtn.png) center center no-repeat;  margin-top:-15px;}
    .ct1 .swiper-button-prev,.ct2 .swiper-button-prev,.ct3 .swiper-button-prev{left: 0px; width: 30px; height: 30px; background: url(../images/leftbtn.png) center center no-repeat; margin-top:-15px;}
}
@media(max-width: 767px){
    .ct1 .swiper-button-next,.ct2 .swiper-button-next,.ct3 .swiper-button-next{right: 0px; width: 2em; height: 2em; background: url(../images/rightbtn.png) center center no-repeat; background-size: 140%; margin-top:-0.8em;}
    .ct1 .swiper-button-prev,.ct2 .swiper-button-prev,.ct3 .swiper-button-prev{left: 0px; width: 2em; height: 2em; background: url(../images/leftbtn.png) center center no-repeat; background-size: 140%; margin-top:-0.8em;}
    .huanjing{padding: 2em 2%; position: relative;}
}


.fencai a{display: block; position: relative; overflow: hidden;}
.fencai a img{width: 100%; height: 100%; object-fit: cover;}
.fencai a h3{position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; background: rgba(0,0,0,0.5); color: #fff; line-height: 2;}
@media (min-width: 1300px){
    .fencai{padding:70px 0px;}
    .fencai a{margin-top: 18px;}
    .fencai .left a{width: 382px; height: 488px;}
    .fencai .right a{width: 382px; height: 235px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .fencai{padding:50px 0px;}
    .fencai a{margin-top: 17px;}
    .fencai .left a{width: 310px; height: 397px;}
    .fencai .right a{width: 310px; height: 190px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .fencai{padding:30px 0px;}
    .fencai a{margin-top: 14px;}
    .fencai .left a{width: 240px; height: 307px;}
    .fencai .right a{width: 240px; height: 147px;}
}
@media(min-width: 768px){
    .fencai a h3{font-size: 18px; padding:8px 2%;}
    .fencailist{margin-top:10px;}
    .fencailist .left{width: 32%; float: left; overflow: hidden;cursor: pointer;}
    .fencailist .left img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .left img:hover{transform:scale(1.2);}
    .fencailist .right{width: 68%; float: right;}
    .fencailist .right li{width: 47%; margin-left: 3%; float: left; overflow: hidden; cursor: pointer;}
    .fencailist .right img{ width: 100%;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .right img:hover{transform:scale(1.2);}
    .fencailist img{display: block; float: left;}
}
@media(max-width: 767px){
    .fencai{padding:1.6em 2%;}
    .fencai a{margin-top: 0.6em;}
    .fencai .left a{width: 100%; height: 11em;}
    .fencai .right a{width: 100%; height: 5.2em;}
    .fencai a h3{font-size: 1.1em; padding:0px 2%;}
    .fencailist{margin-top:0.8em;}
    .fencailist .left{width: 32%; float: left; overflow: hidden;cursor: pointer;}
    .fencailist .left img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .left img:hover{transform:scale(1.2);}
    .fencailist .right{width: 68%; float: right;}
    .fencailist .right li{width: 48%; margin-left: 2%; float: left; overflow: hidden; cursor: pointer;}
    .fencailist .right img{ width: 100%;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .right img:hover{transform:scale(1.2);}
    .fencailist img{display: block; float: left;}
}


.main_hezuo{background:#f0f0f0;}
.main_hezuo_list{position: relative;}
.main_hezuo_list img{max-height: 100%;}
.main_hezuo_list .swiper-slide img{transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s; -o-transition: all .4s;}
.main_hezuo_list .swiper-slide:hover img{transform: scale(1.1);}
.main_hezuo_list .swiper {width: 100%;margin-left: auto;margin-right: auto;}
.main_hezuo_list .swiper-slide {text-align: center;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow: hidden;}
.main_hezuo_list .swiper-slide .img{overflow: hidden;}
.main_hezuo_list .swiper-slide .img img{transition: all 0.8s; -moz-transition: all 0.8s;  -webkit-transition: all 0.8s; -o-transition: all 0.8s;}
.main_hezuo_list .swiper-slide:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.main_hezuo_list .swiper-button-prev,.main_hezuo_list .swiper-button-next{background: #a7a6a6;color: #fff;}
.main_hezuo_list .swiper-button-prev:hover,.main_hezuo_list .swiper-button-next:hover{background: #000;}
@media (min-width: 1300px){
    .main_hezuo{padding: 70px 0px;}
    .main_hezuo_list{margin-top: 50px;}
    .main_hezuo_list .swiper{height: 260px;}
    .main_hezuo_list .swiper-slide{height: calc((100% - 30px) / 2);}
    .main_hezuo_list .swiper-button-prev:after,.main_hezuo_list .swiper-button-next:after{font-size: 28px;}
    .main_hezuo_list .swiper-button-prev,.main_hezuo_list .swiper-button-next{width: 42px; height: 42px;}
    .main_hezuo_list .swiper-button-prev{left: -60px;}
    .main_hezuo_list .swiper-button-next{right:-60px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_hezuo{padding: 60px 0px;}
    .main_hezuo_list{margin-top: 40px;}
    .main_hezuo_list .swiper{height: 220px;}
    .main_hezuo_list .swiper-slide{height: calc((100% - 20px) / 2);}
    .main_hezuo_list .swiper-button-prev:after,.main_hezuo_list .swiper-button-next:after{font-size: 24px;}
    .main_hezuo_list .swiper-button-prev,.main_hezuo_list .swiper-button-next{width: 40px; height: 40px;}
    .main_hezuo_list .swiper-button-prev{left: -50px;}
    .main_hezuo_list .swiper-button-next{right:-50px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hezuo{padding: 50px 0px;}
    .main_hezuo_list{margin-top: 35px;}
    .main_hezuo_list .swiper{height: 200px;}
    .main_hezuo_list .swiper-slide{height: calc((100% - 20px) / 2);}
    .main_hezuo_list .swiper-button-prev:after,.main_hezuo_list .swiper-button-next:after{font-size: 20px;}
    .main_hezuo_list .swiper-button-prev,.main_hezuo_list .swiper-button-next{width: 35px; height: 35px;}
    .main_hezuo_list .swiper-button-prev{left: -45px;}
    .main_hezuo_list .swiper-button-next{right:-45px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
    .main_hezuo{padding: 1.6em 0px;}
    .main_hezuo_list{margin: 1.4em 10% 0px;}
    .main_hezuo_list .swiper-button-prev:after,.main_hezuo_list .swiper-button-next:after{font-size: 1.2em;}
    .main_hezuo_list .swiper-button-prev,.main_hezuo_list .swiper-button-next{width: 2em; height: 2em;}
    .main_hezuo_list .swiper-button-prev{left: -2.2em;}
    .main_hezuo_list .swiper-button-next{right:-2.2em;}
    .main_hezuo_list .swiper{height:12em;}
    .main_hezuo_list .swiper-slide{height: calc((100% - 15px) / 2);}

}

.main_hezuo1{background: url(../images/partner_bg1.jpg) center center no-repeat;}

/*合作伙伴 开始*/
.main_hezuo1_list{background: rgba(255, 255, 255, 0.5);position: relative;}
.main_hezuo1_list ul{width: 100%;height: 100%;position: relative;z-index: 3; }
.main_hezuo1_list ul.on {}
.main_hezuo1_list ul li{float: left;position: relative;overflow: hidden;}
.main_hezuo1_list ul li a{display: block;transition: 0.6s ease-in-out;}
.main_hezuo1_list ul li a img.hui{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.main_hezuo1_list ul li a img{display: block;width: 100%;height: 50%;}
.main_hezuo1_list ul li:hover a{transition: 0.6s ease-in-out;transform: translateY(-50%);}
.main_hezuo1_list .bg-div{background: rgba(255, 255, 255, 0.7);position: absolute;top: 0;left: 0;z-index: 1;opacity: 0;}
.main_hezuo1_list:hover .bg-div{opacity: 1;}

.main_hezuo1_list ul li{}

@media (min-width: 1300px){
    .main_hezuo1{padding: 70px 0px;}
    .main_hezuo1_list{margin-top: 50px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 107px;}
    .main_hezuo1_list ul li a{height: 214px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 107px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_hezuo1{padding: 60px 0px;}
    .main_hezuo1_list{margin-top: 45px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 86px;}
    .main_hezuo1_list ul li a{height: 172px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 86px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_hezuo1{padding: 50px 0px;}
    .main_hezuo1_list{margin-top: 35px;}
    .main_hezuo1_list ul li{width: 16.666%;height: 67px;}
    .main_hezuo1_list ul li a{height: 134px;}
    .main_hezuo1_list .bg-div{width: 16.666%;height: 67px;}
}
@media (min-width: 768px){

}
@media (max-width: 767px){
    .main_hezuo1{padding: 1.6em 0px;}
    .main_hezuo1_list{margin-top: 1.2em;}
    .main_hezuo1_list ul li{width: 33.333%;height: 4.7em;}
    .main_hezuo1_list ul li a{height: 9.4em;}
    .main_hezuo1_list .bg-div{width: 33.333%;height: 4.7em;}
}














.main_title{text-align: center; color: #083c6e; }
.main_title.title_left{text-align: left;}
.main_title i{color: #efb24f;position: relative;}
.main_title em{background: url(../images/index_11.png) right top no-repeat; position: absolute; right: -40px; top: 0px; width: 30px; height: 23px; display: inline-table;}
.main_title p{opacity: 0.5;}
@media (min-width: 1300px){
    .main_title h3{font-size: 44px;}
    .main_title .line{margin-top: 20px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_title h3{font-size: 38px;}
    .main_title .line{margin-top: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_title h3{font-size: 32px;}
    .main_title .line{margin-top: 15px;}
}
@media (max-width: 767px) {
    .main_title h3{font-size: 1.6em;}
    .main_title .line{margin-top: 0.6em;}
}
@media (min-width: 768px){
    
}


.main_case a{float: left; background: #f9f9f9;box-shadow: 0px 0px 4px #ccc; line-height: 2;}
.main_case a .img{overflow: hidden;}
.main_case a img{transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s; -o-transition: all .4s;}
.main_case a:hover img{transform: scale(1.1);}
.main_case a h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_case a p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 14px; color: #999;}
.main_case a span{color: #023da0;}

@media (min-width: 1300px){
    .main_case a{width: 370px; margin: 20px 0px;}
    .main_case a:nth-child(3n-1){margin: 20px 45px;}
    .main_case a .img{height: 268px;}
    .main_case a .desc{padding:10px 3%;}
    .main_case a  h3{font-size: 18px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_case a{width: 303px; margin: 14px 0px;}
    .main_case a:nth-child(3n-1){margin: 14px 30px;}
    .main_case a .img{height: 220px;}
    .main_case a .desc{padding:10px 3%;}
    .main_case a  h3{font-size: 17px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_case a{width: 236px; margin: 10px 0px;}
    .main_case a:nth-child(3n-1){margin: 10px 20px;}
    .main_case a .img{height: 170px;}
    .main_case a .desc{padding:10px 3%;}
    .main_case a  h3{font-size: 16px;}
}
@media (max-width: 767px) {
    .main_case a{width: 49%; margin: 0.5em 0px;}
    .main_case a:nth-child(2n){float: right;}
    .main_case a .img{height: 9em;}
    .main_case a .desc{padding:0.5em 3%;}
    .main_case a  h3{font-size: 16px;}
}
@media (min-width: 768px){
    
}

.main_newlist a{border-bottom: 2px #eee dotted; display: block; line-height: 2;}
.main_newlist a .img{float: left;}
.main_newlist a .img img{width: 100%; height: 100%; object-fit: cover;}
.main_newlist a .desc{float: right; position: relative;}
.main_newlist a h3{font-weight: bold; line-height: 2;white-space: nowrap;    overflow: hidden;     text-overflow: ellipsis;}
.main_newlist a p{color: #999;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
.main_newlist a span{color: #999;}
.main_newlist a i{position: absolute; left: 0px; bottom: 0px;text-transform:uppercase; color: #999;}
@media (min-width: 1300px){
    .main_newlist a{padding:20px 0px;}
    .main_newlist a .img{width: 328px; height: 214px;}
    .main_newlist a .desc{float: right; width: 835px; height: 214px;}
    .main_newlist a h3{font-size: 24px;}
    .main_newlist a p{margin: 10px 0px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_newlist a{padding:18px 0px;}
    .main_newlist a .img{width: 328px; height: 214px;}
    .main_newlist a .desc{float: right; width: 610px; height: 214px;}
    .main_newlist a h3{font-size: 22px;}
    .main_newlist a p{margin: 10px 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_newlist a{padding:18px 0px;}
    .main_newlist a .img{width: 280px; height: 183px;}
    .main_newlist a .desc{float: right; width: 440px; height: 183px;}
    .main_newlist a h3{font-size: 20px;}
    .main_newlist a p{margin: 8px 0px;}
}
@media (max-width: 767px) {
    .main_newlist a{padding:0.6em 0px;}
    .main_newlist a .img{width: 30%;}
    .main_newlist a .desc{float: right; width: 68%;}
    .main_newlist a h3{font-size: 1.1em;}
    .main_newlist a p,.main_newlist a i{display: none;}
}
@media (min-width: 768px){
    
}

/*contact*/
.BMapLabel{    width: 155px;max-width: none; text-align: center;}
.BMap_pop{display: block;}
.BMap_Marker div img{}
.main_contact h1{text-align: center;}
.main_contact .cul{}
.main_contact .cul li{cursor: pointer;}
.main_contact .cul li.erweima img{border-radius: 0px;}
.main_contact .cul li .acone{ color: #083c6e; font-weight: bold;}
.animatediv{display: table-cell;    vertical-align: middle;    text-align: center;}
@media (min-width: 768px){
    .main_contact .cul{margin: 55px auto;}
    .main_contact .cul li{width: 25%; float: left;  text-align: center;}
    .contact_quan{width: 128px; height: 128px; margin: 0px auto;}
    .animatediv{width: 128px; height: 128px;}
    .main_contact .cul li img{max-width: 60%;}
    .main_contact .cul li span{display: block; font-size: 16px; line-height: 2;}
    .main_contact .cul li .acone{font-size: 21px;margin-top: 10px;}
    .main_contact .cul li .actwo{padding:0px 5%; height: 64px;}
    #map{width: 100%; height: 500px;}
    #map img{max-width: none;}
}



@media (max-width: 768px){
    .main_contact .cul{margin: 1.6em auto;}
    .main_contact .cul li{width: 50%; float: left;  text-align: center; margin:0.5em 0;}
    .contact_quan{width: 128px; height: 128px; margin: 0px auto;}
    .animatediv{width: 128px; height: 128px;}
    .main_contact .cul li span{display: block; font-size: 1em; line-height: 1.5em;}
    .main_contact .cul li img{max-width: 50%;}
    .main_contact .cul li .acone{font-size: 1.2em; color: #7b7b7c; margin-top: 0.8em;}
    .main_contact .cul li .acthree{font-size: 1em; line-height: 1.5em;}
    .main_contact .cul li:nth-child(5){width: 100%;}
    .main_contact .cul li:nth-child(5) img{max-width: 100%;}

    #map{width: 100%; height: 20em;}
}


.main_contact .cul li u { display: block;position: absolute;width: 128px;height: 128px;background: url(../images/words.png) center center no-repeat;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.main_contact .cul li u.cl {clip: rect(0px, 128px, -10px, 64px);}
.main_contact .cul li:hover u.cl {clip: rect(0px,128px,128px,64px);}
.main_contact .cul li u.cr {clip: rect(128px,64px,128px,0px);}
.main_contact .cul li:hover u.cr {clip: rect(0px,64px,128px,0px);}

.joblist {overflow: hidden;}
.joblist h3{line-height: 2;}
.joblist h4{line-height: 2;}
.joblist .zhiwei{width: 65%;}
.joblist .renshu{width: 23%; text-align: center;}
.joblist .more{width: 12%;text-align: center;}
.joblist_title{display: block;width: 100%;font-weight: normal;color: #fff;background: #083c6e;}
.joblist_title span {float: left;}
.joblist_info{}
.joblist_info li {width: 100%;overflow: hidden;font-size: 14px;color: #5d5d5d;border-bottom: 1px solid #ededed;}
.joblist_info li span {float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.joblist_info li span a {background: url(../images/drop-down.png) center center no-repeat; display: block; width: 100%; height: 100%;}
.joblist_info li span a.chover {background:url(../images/drop-up.png) center center no-repeat;}
.joblist_info_c {overflow: hidden;font-size: 14px;line-height: 2; display: none;}
.joblist_info li:hover{border-bottom:1px solid #083c6e;}
@media (min-width: 1300px){
    .joblist {margin: 40px 0px;}
    .joblist h3{line-height: 2;}
    .joblist h4{font-size: 16px; margin-bottom: 20px;}
    .joblist .zhiwei{ text-indent: 20px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .joblist {margin: 35px 0px;}
    .joblist h3{line-height: 2;}
    .joblist h4{font-size: 16px; margin-bottom: 20px;}
    .joblist .zhiwei{ text-indent: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .joblist {margin: 30px 0px;}
    .joblist h3{line-height: 2;}
    .joblist h4{font-size: 16px; margin-bottom: 20px;}
    .joblist .zhiwei{ text-indent: 20px;}
}
@media (min-width: 768px){
    .joblist_title{height: 40px;line-height: 40px; font-size: 16px;}
    .joblist_title span {height: 40px;}
    .joblist_info li{height: 50px;line-height: 50px;}
    .joblist_info li span {height: 50px;}
    .joblist_info_c{padding: 10px 20px;}
}
@media (max-width: 768px){
    .joblist {margin: 1.6em 0px;}
    .joblist h3{line-height: 2;}
    .joblist h4{font-size: 1em; margin-bottom: 1em;}
    .joblist .zhiwei{ text-indent: 1em;}
    .joblist_title{height: 35px;line-height: 35px; font-size: 1em;}
    .joblist_title span {height: 40px;}
    .joblist_info li{height: 40px;line-height: 40px;}
    .joblist_info li span {height: 40px;}
    .joblist_info_c{padding: 0.6em 2%;}
}



.page-caption-box {
 
}
.page-caption-box .caption {
  font-size: 30px;
  color: #333;
  font-weight: 700;
  margin-bottom: 26px;
}
.page-caption-box .cir {
  font-size: 0;
}
.page-caption-box span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid #083c6e;
  border-radius: 50%;
}
.page-caption-box span:first-child {
  border-color: #efb24f;
  margin-right: 8px;
}













.lf{float: left;}
.protop{padding:30px 0 76px;border-bottom:2px solid #f2f2f2}
.protopleft{width:46%;}
.protopright{width:50%;}
.pagetitlebox .cntitle{color:#5bb446;font-size:36px;font-weight:bold}
.pagetitlebox .entitle,
.pagetitlebox2 .entitle{color:#666;font-family:Arial;margin-top:5px}
.pagetitlebox .icon{margin-top:35px}
.protopleft .textbox .textlist{margin-top:25px;}
.protopleft .textbox .textname{padding-left:30px;font-size:18px;background-image:url(../images/prolist_14.png);background-repeat:no-repeat;background-position:left top 4px}
.protopleft .textbox .textlist:nth-of-type(2) .textname{background-image:url(../images/prolist_18.png)}
.protopleft .textbox .texten{color:#666;font-weight:bold;margin-top:12px;margin-bottom:5px;margin-left:30px}
.protopleft .textbox .text{color:#666;line-height:2.143;margin-top:12px;margin-left:30px}
.protoplist{margin-bottom:74px}
.protoplist:nth-last-of-type(1){margin-bottom:0}
.protopright .name{text-align:center;font-size:18px;margin-top:14px}
.protopright .img2{max-width: 50%;}
.probot{padding:75px 0 67px}
.probot .pager{margin-top:40px}
.pagetitlebox2 .name{font-size:24px;font-weight:bold}
.pagetitlebox2 .icon{margin-top:35px}
.proitems{margin-top:60px}
.proitem{width:24%;margin-right:1.3333%;margin-bottom:28px;}
.proitem:nth-of-type(4n){margin-right:0}
.proitem .img{border:2px solid #d2d2d2; overflow: hidden;}
.proitem .img img{transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s ease 0s;}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.proitem:hover .img{border:2px solid #002b80}
.proitem .namebox{background-color:#f6f6f6;padding:20px 40px 20px 15px;background-image:url(../images/promore.png);background-repeat:no-repeat;background-position:right 15px center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.proitem .namebox .name{font-size:16px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s;max-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem:hover{box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.07)}
.proitem:hover .namebox{background-color:#fff;background-image:url(../images/promore_cur.png)}
.proitem:hover .namebox .name{color:#002b80}
.prodetailbox{padding:74px 0 100px}
.prodetail{margin-top:44px}
.prodetail .w1916{width:30.66%}
.prodetail .w1412{width:23.08%}
.prodetail .w4246{width:69.25%}
.prodetail .top{height:auto;padding:15px 0;background-color:#002b80}
.prodetail .top .name{line-height:20px;color:#fff;text-align:center;font-weight:bold}
.prodetail .bot{width:100%;border:1px solid #e0e0e0;border-top:none}
.prodetail .bot .img{text-align:center;border-right:1px solid #e0e0e0}
.prodetail .bot .img img{display:initial;vertical-align:middle;}
.prodetail .bot .name{width:33.3333%;height:50px;border-right:1px solid #e0e0e0;color:#666;line-height:50px;text-align:center;border-bottom:1px solid #e0e0e0}
.prodetail .bot .name:nth-last-of-type(1){border-right:none}
.prodetail .bot .list:nth-last-of-type(1) .name{border-bottom:none}
.prodetailbox .return{padding:15px 100px;display:block;margin-top:42px;background-color:#002b80;line-height:30px;color:#fff;text-align:right;background-image:url(../images/proreturn.png);background-repeat:no-repeat;background-position:right 50px center}


@media (min-width:994px){
    .protopright{position: relative; height: 377px;}
    .protopright .img2{position: absolute;right: 0px; bottom: 0px;}
}
@media (max-width:993px){
    .protop, .probot{padding:40px 0}
    .protopleft{width:100%;padding-right:0}
    .protopright{width:100%;padding-left:0;margin-top:30px;}
    .pagetitlebox .cntitle,
    .pagetitlebox2 .name{font-size:22px}
    .pagetitlebox .icon,
    .pagetitlebox2 .icon{margin-top:15px}
    .protopleft .textbox .text{line-height:1.8;margin-top:6px}
    .protopleft .textbox .texten{margin-top:6px}
    .protopright .img2{margin-left:20vw}
    /* .protopright .img{width:64px} */
    .protopright .name{font-size:15px}
    .protoplist{margin-bottom:25px}
    .pagetitlebox2 .icon img{width:40px}
    .proitems{margin-top:20px}
    .proitem{width:48%;margin-right:4%;margin-bottom:15px}
    .proitem:nth-of-type(2n){margin-right:0}
    .proitem:nth-last-of-type(1), .proitem:nth-last-of-type(2){margin-bottom:0}
    .proitem .namebox{padding:10px 30px 10px 10px;background-position:right 10px center}
    .prodetailbox{padding:40px 0 60px}
    .prodetail .bot .name{font-size:12px}
}

@media (max-width:480px){
    .protopright .img2{width:200px;height:200px;margin-left:0;float:right}
}

@media (max-width:370px){
    .protopright .img2{width:170px;height:170px}
    .protopright .img1 .img{width:67px}
}


.main_pro {line-height: 2;}
.main_pro .pro_title{background: url(../images/pro_03.png) center left no-repeat;  color: #fff; font-weight: bold;}
.main_pro .pro_fanhui{text-align: right; background: #204491;}
.pro_fanhui a{background: url(../images/pro_11.png) center left no-repeat; padding-left: 30px; color: #fff; display: inline-table;}

@media (min-width: 1300px){
    .main_pro .pro_title{height: 48px;font-size: 22px;text-indent: 75px; line-height: 40px;}
    .main_pro .pro_content{padding:50px 0px;}
    .main_pro .pro_fanhui{padding:10px 5%;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .main_pro .pro_title{height: 48px;font-size: 20px;text-indent: 75px; line-height: 40px;}
    .main_pro .pro_content{padding:45px 0px;}
    .main_pro .pro_fanhui{padding:10px 5%;}
}
@media (min-width: 768px) and (max-width: 991px){
    .main_pro .pro_title{height: 48px;font-size: 18px;text-indent: 75px; line-height: 40px;}
    .main_pro .pro_content{padding:40px 0px;}
    .main_pro .pro_fanhui{padding:10px 5%;}
}
@media (max-width: 767px) {
     .main_pro .pro_title{height: 48px;font-size: 18px;text-indent: 75px; line-height: 40px;}
    .main_pro .pro_content{padding:1.6em 0px;}
    .main_pro .pro_fanhui{padding:0.4em 5%;}
}
@media (min-width: 768px){
    
}

.mnewscon {line-height: 2;}
.mnewscon .title{ font-weight: normal; text-align: center; line-height: 1.6;}
.mnewscon .datetime{text-align: center; display: block; font-size: 12px; color: #666;}
.mnewscon .mnehr{background: #e5e5e5;height: 1px; border:none; margin: 0px;}
.mnewscon .mmnecon{line-height: 2;}

.prenext .next,.prenext .prev{display: block;}
.prenext .return{background: #083c6e; color: #fff;}

@media (min-width: 1300px){
    .mnewscon .title{font-size: 24px;}
    .mnewscon .datetime{margin-top: 20px;}
    .mnewscon .mnehr{margin-top: 20px;}
    .mnewscon .mmnecon{ padding: 30px 0px;}
    .prenext{padding:15px 0px 25px;  line-height: 30px;}
    .prenext .return{top:25px; padding: 8px 60px;}
}
@media (min-width: 991px) and (max-width: 1300px){
    .mnewscon .title{font-size: 20px;}
    .mnewscon .datetime{margin-top: 20px;}
    .mnewscon .mnehr{margin-top: 20px;}
    .mnewscon .mmnecon{ padding: 30px 0px;}
    .prenext{padding:15px 0px 25px;  line-height: 30px;}
    .prenext .return{top:25px; padding: 8px 60px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .mnewscon .title{font-size: 18px;}
    .mnewscon .datetime{margin-top: 20px;}
    .mnewscon .mnehr{margin-top: 20px;}
    .mnewscon .mmnecon{ padding: 30px 0px;}
    .prenext{padding:15px 0px 25px;  line-height: 30px;}
    .prenext .return{top:25px; padding: 8px 60px;}
}
@media (max-width: 767px) {
    .mnewscon .title{font-size: 1.1em;}
    .mnewscon .datetime{margin-top: 0.8em;}
    .mnewscon .mnehr{margin-top: 0.8em;}
    .mnewscon .mmnecon{ padding: 1.2em 0px;}
    .prenext{padding:15px 0px 25px;  line-height: 30px;}
    .prenext .return{top:25px; padding: 8px 2em;}
}
@media (min-width: 768px){
    .prenext{position: relative;}
    .prenext .next,.prenext .prev{width: 70%;}
    .prenext .return{position: absolute; right: 0px;}
}



/*case*/
.case .sub-title-txt h2 {color: #fff;}
.case .sub-menu .left {color: #fff;}
.case .sub-menu .left span {border-color: #fff;}
.case .sub-menu .share span {color: #fff;}
.case .sub-menu .share span svg {fill: #fff;}
.case .sub-menu .share li a {color: #fff;}
.case .sub-title-border {border-color: #fff;}
.case .info {width: 100%;margin: 0 auto;}
.case .info ul {width: 100%;position: relative; font-size: 0;}
.case .info li {display: inline-block;position: relative;width: 32.3%;margin: 0 .5%;margin-bottom: 30px;vertical-align: top;}
.case .info li .Img {position: relative;overflow: hidden}
.case .info li .Img i {position: absolute;background: rgba(255, 255, 255, .5);text-align: center;bottom: 0;width: 100%;height: 70px;display: block; transform: translateY(100%);-moz-transform: translateY(100%);-webkit-transform: translateY(100%);transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;}
.case .info li .Img i img {max-width: 100%;max-height: 100%;}
.case .info li .Img {display: block;width: 100%;overflow: hidden;}
.case .info li .Img>img {display: block;width: 100%;height: auto;transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.case .info li .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2;}
.case .info li .Txt h5 {font-size: 15px;line-height: 1.5;padding-top: 10px;color: #000;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.case .info li .Txt span {font-size: 13px;color: #999;font-style: oblique;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; font-style: normal;}
.case .info li:hover .Txt h5 {color: #fff;}
.case .info li:hover .Txt span {color: #fff;}
.case .info li .Txt small {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s;}
.case .info li:hover .Img i, .case .info li:hover .Txt small {transform: translate(0);-moz-transform: translate(0);-webkit-transform: translate(0); opacity: 1;}
.case .info li:hover .Img>img { transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1)}

@media only screen and (max-width:1440px) {
    .stone.case .sub-content, .myDiv1, .contact .myDiv2{padding-left: 0;padding-right: 0;}
    .case .info li .Txt h5{font-size: 14px;}
    .case .info li .Txt span{font-size: 12px;}
    .sub-menu .left{left: calc(10% - 69px);}
    .case .info {width: 100%}
}
@media only screen and (max-width:992px) {
    .case .info li {width: 49%; margin: 0 .5%;}
}

@media only screen and (max-width:768px) {
    .case .info li {width: 100%;}
    .stone.case .sub-content, .contact .myDiv2 {width: 95%; margin: 0 2.5%}
}



.boxflex{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.promote{padding:82px 0 116px}
.promote .pager{margin-top:70px}
.promotebox .item{position:relative;width:31.5%;margin-right:2.75%;margin-bottom:30px;overflow:hidden;cursor:pointer}
.promotebox .item:nth-of-type(2),
.promotebox .item:nth-of-type(3n){margin-right:0}
.promotebox .item.one{width:65.75%}
.promotebox .item .img img{width:100%}
.promotebox .item .textbox{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:absolute;top:-100%;left:0;opacity:0;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center
;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.promotebox .item .textbox .title{color:#fff;padding:0 10px;font-size:24px;max-height:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.promotebox .item .textbox .icon{width:24px;height:24px;margin:14px auto 0}
.promotebox .item:hover .textbox{opacity:1;top:0}

@media (max-width:993px){
    .promotebox .item.one{width:100%;margin-right:0}
    .promotebox .item{width:100%;margin-bottom:20px}
    .promotebox .item .textbox{top:0;opacity:1;background-color:rgba(0,0,0,0.4)}
    .promotebox .item .textbox .title{font-size:20px;max-height:50px}
}

.lf{float: left;}
.lr{float: right;}
.casedetailbox .bot{margin-top:146px}
.casedetailbox .bot .btn{width:240px;height:48px;display:block;background-color:#efefef;border-radius:48px;line-height:48px; padding: 0px 0px;}
.casedetailbox .bot .btn.prev{color:#7c7c7c;}
.casedetailbox .bot .btn.next{color:#7c7c7c;}
.casedetailbox .bot .btn.prev span,
.casedetailbox .bot .btn.next span{font-family:瀹嬩綋, 'SimSun';font-weight:bold;font-size:16px;color:#a6a6a6}
.casedetailbox .bot .btn.returnshowd{margin:0 calc((100% - 720px) / 2);padding-left:104px;color:#7c7c7c;background-image:url(../images/nlist.png);background-repeat:no-repeat;background-position:left 82px center}
.casedetailbox .bot .btn.prev:hover,
.casedetailbox .bot .btn.next:hover{color:#fff;background-color:#002b80}
.casedetailbox .bot .btn.prev:hover span,
.casedetailbox .bot .btn.next:hover span,.casedetailbox .bot .btn.prev:hover a,
.casedetailbox .bot .btn.next:hover a{color:#fff}
.casedetailbox .bot .btn.returnshowd:hover{color:#fff;background-color:#002b80;background-image:url(../images/nlist_cur.png)}
.casedetail{box-shadow: 0px 0px 10px #eee;}
.casedetailbox{margin-top:-57px;position:relative;z-index:5;padding:5.1041vw 8.0208vw 5.7291vw 8.1208vw}
.casedetailbox .textbox{width:calc(100% - 330px);padding-right:7.06vw;border-right:1px solid #f1f1f1}
.casedetailbox .textbox .cntitle{font-size:24px}
.casedetailbox .textbox .entitle{font-family:Arial;margin-top:7px}
.casedetailbox .textbox .text{margin-top:52px;color:#666;line-height:2.143}
.casedetailbox .iconlist:nth-of-type(1){margin-bottom:74px}
.casedetailbox .iconlist .icon{margin-top:5px}
.casedetailbox .iconlist .itextbox{margin-left:18px}
.casedetailbox .iconlist .itextbox .type{color:#666}
.casedetailbox .iconlist .itextbox .name{font-size:24px;margin-top:8px}

@media (max-width:1366px){ 
    .casedetailbox{margin-top:-30px}
}

@media (max-width:1332px){
    .casedetailbox .bot .btn.returnshowd{margin:0 calc((100% - 600px) / 2);padding-left:36px;background-position:left 62px center;}
    .casedetailbox .bot .btn{width:200px}
}
@media (max-width:933px){ 
    .casecen{margin-top:30px}
    .caselistname{width:100%;padding:0 40px 0 15px;background-position:right 15px center}
    .caselist{width:48%}
    .caselist.one{margin-right:4%}
    .casesearchbox{float:left;margin-top:15px;width: 100%;}
    .casesearchbox .input{width:70%}
    .casesearchbox input{width:100%}
    .casesearchbox .btn {width: 30%;}
    .casedetailbox .bot{margin-top:30px}
    .casedetailbox .bot .btn{width:31%;height:42px;line-height:42px;margin-right:3.5%}
    .casedetailbox .bot .btn:nth-last-of-type(1){margin-right:0}
    .casedetailbox .bot .btn.prev{padding-left:0;text-align:center}
    .casedetailbox .bot .btn.next{padding-left:0;text-align:center}
    .casedetailbox .bot .btn.returnshowd{padding-left:6.5%;text-align:center;background-position:left 19% center}
    .casedetailbox{margin-top:-15px;padding:40px 15px}
    .casedetailbox .textbox{width:100%;;padding-right:0;border-right:none}
    .casedetailbox .textbox .text{margin-top:20px;line-height:1.8}
    .casedetailbox .iconbox{float:left;margin-top:30px}
    .casedetailbox .iconlist:nth-of-type(1){margin-bottom:15px}
    .casedetailbox .iconlist .itextbox .name{font-size:20px;margin-top:4px}
    .casedetailbox .iconlist .itextbox{margin-left:10px}
    .casedetailbox .bot .btn.returnshowd{margin:0}
}

@media (max-width:420px){
    .casedetailbox .bot .btn{width:64%;margin:0 auto;margin-right:auto;float:none}
    .casedetailbox .bot .btn.returnshowd{margin:10px auto}
    .casedetailbox .bot .btn.next{margin-left:auto}
    .casedetailbox .bot .btn:nth-last-of-type(1){margin-right:auto}
}




@media (min-width: 1300px){

}
@media (min-width: 991px) and (max-width: 1300px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}




@media (min-width: 1300px){

}
@media (min-width: 991px) and (max-width: 1300px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}




@media (min-width: 1300px){

}
@media (min-width: 991px) and (max-width: 1300px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}




@media (min-width: 1300px){

}
@media (min-width: 991px) and (max-width: 1300px){
    
}
@media (min-width: 768px) and (max-width: 991px){
    
}
@media (max-width: 767px) {
    
}
@media (min-width: 768px){
    
}