@charset "utf-8";
/* CSS Document */
.text-c{width: 100%; text-align: center; padding:15px 0px;}
.text-c .desc{ border:1px #dddddd solid; display: inline-table;}
.text-c a ,.text-c span{display: inline-table; padding:5px 8px; border-right:1px #dddddd solid; color: #338db7;}
.text-c span{color: #fff; background: #338db7;}





.mbanner{width: 100%; overflow: hidden}
.mbanner .container{height: 100%; position: relative;}
.mbanner h2.title{position: absolute; left: 0px; bottom:0px; line-height: 1.8; color: #fff; font-weight: bold;}

.mnew .title{text-align: center; color: #000;}
.mnew .datetime{display: block; text-align: center;}

.main_about img{}
.main_about{padding:20px 0px 30px;}
.main h2.about_title{text-transform:uppercase;font-weight: bold;}
.main h3.about_title{font-weight: bold;}
.main_about .img{text-align: right; background: url(../images/aboutleftbg.jpg) left bottom no-repeat;}
.main_about .desc{color: #999;overflow: auto;}

.main_history{background: #ebf0f5;}
.main .about_content .about_title{float: left; line-height: 1;}
.main .about_content h3.about_title{line-height: 2; margin-left: 20px;}
/*大事记start*/
.event_box{position:relative;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;right:8%;top:35%;z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 30px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:left;}

div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px; z-index: 99;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}
#scrollbar .scrollbar { position: relative;  background-position: 0 0; float: right; width:20px;}
#scrollbar .viewport {height: 200px; overflow: hidden; position: relative;}
#scrollbar .track {background: #580000;height: 100%; width: 1px; position: relative;}
#scrollbar .thumb {background:url(../images/mabout_27.png) center center no-repeat; right: -10px; height: 20px; width: 20px; cursor: pointer; overflow: hidden; position: absolute; top: 0;}
#scrollbar .overview {list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
.scrollbar .top{position: absolute; top:-20px; right: 13px;}
.scrollbar .bottom{position: absolute; bottom:-20px; right: 13px;}

.main_honor{}
.main_honor_list{ overflow: hidden;}
.main_honor_list li{text-align: center;}
.main_honor_list li img{max-width: 100%; max-height: 100%;}
.honor_more {margin:50px 0px 0px; background: url(../images/honorbg.png) center center no-repeat;}
.honor_more a{display: block; margin:0px auto; color: #fff; text-align: center; cursor: pointer; background: url(../images/bottomfff.png) center right 20px no-repeat #1474a4;}
@media screen and (min-width:1200px){
    .mbanner h2.title{ font-size: 32px;}

    .main_about .img{width: 32.5%;}
    .main_about .word{width: 65%}
    .main h2.about_title{ font-size: 40px; line-height: 1.8;}
    .main h3.about_title{font-size: 24px;}
    .main_about .desc{font-size: 16px; margin-top:20px; height: 395px; line-height: 30px; }

    .main_history{padding:35px 0px 15px;}
    .main .about_content{margin-bottom: 40px;}
    .parBd{margin:60px auto 0px; font-size: 16px; line-height: 30px; height: 200px; overflow: auto; width: 90%;}

    #scrollbar{width: 66%; margin:0px auto;}

    .main_honor{padding:30px 0px 40px;}
    .main_honor_list{height: 365px;}
    .main_honor_list li{height: 365px; }

    .honor_more {height: 40px; line-height: 40px;}
    .honor_more a{width: 290px; font-size: 16px;}



}
@media screen and (min-width:991px) and (max-width:1200px){
    .mbanner h2.title{ font-size: 28px;}

    .main_about .img{width: 32.5%;}
    .main_about .img img{max-width: 96%;}
    .main_about .word{width: 65%}
    .main h2.about_title{ font-size: 34px; line-height: 1.6;}
    .main h3.about_title{font-size: 20px;}
    .main_about .desc{font-size: 15px; margin-top:14px; height: 337px; line-height: 28px; }

    .main_history{padding:35px 0px 15px;}
    .main .about_content{margin-bottom: 40px;}
    .parBd{margin:60px auto 0px; font-size: 16px; line-height: 30px; height: 200px; overflow: auto; width: 90%;}
    #scrollbar{width: 76%; margin:0px auto;}


    .main_honor{padding:30px 0px 40px;}
    .main_honor_list{height: 312px;}
    .main_honor_list li{height: 312px; }

    .honor_more {height: 40px; line-height: 40px;}
    .honor_more a{width: 290px; font-size: 16px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mbanner h2.title{ font-size: 24px;}

    .main_about .img{width: 32.5%;}
    .main_about .img img{max-width: 96%;}
    .main_about .word{width: 65%}
    .main h2.about_title{ font-size: 24px; line-height: 1.6;}
    .main h3.about_title{font-size: 16px;}
    .main_about .desc{font-size: 14px; margin-top:10px; height: 280px; line-height: 26px; }

    .main_history{padding:35px 0px 15px;}
    .main .about_content{margin-bottom: 40px;}
    .parBd{margin:60px auto 0px; font-size: 16px; line-height: 30px; height: 200px; overflow: auto; width: 90%;}
    #scrollbar{width: 86%; margin:0px auto;}

    .main_honor{padding:30px 0px 40px;}
    .main_honor_list{height: 241px;}
    .main_honor_list li{height: 241px; }

    .honor_more {height: 40px; line-height: 40px;}
    .honor_more a{width: 290px; font-size: 16px;}
}
@media screen and (min-width:768px){

    .mbanner .location .posi{font-size: 16px;bottom:10px;}

    .main_about .img{float: left; padding-bottom: 20px;}
    .main_about .word{float: right;}

    .event_box{min-height:400px;}

    .main_honor_list li{float: left; width: 23%; margin-right: 2.6666%; margin-bottom: 30px;}
    .main_honor_list li:nth-child(4n){margin-right: 0px;}
}
@media screen and (max-width:768px){

    .mbanner{overflow: hidden;}
	.mbanner img{max-width:200%; width: 200%;  margin-left: -50%;}
    .mbanner h2.title{font-size: 1.4em; bottom:0.5em; padding:0px 2%;}
    
    .main_about{padding:0.8em 2%;}
    .main_about .img{padding-bottom: 1em;}
    .main_about .img img{max-width: 94%;}
    .main_about .word{}
    .main h2.about_title{ font-size: 1.6em; line-height: 1.6;}
    .main h3.about_title{font-size: 1.2em;}
    .main_about .desc{font-size: 1em; margin-top:10px;line-height: 1.8; }
    .main_about .img{text-align: center;}

    .main_history{padding:1.5em 2% 1em;}
    .main .about_content{margin-bottom: 1em;}
    .main .about_content h3.about_title{line-height: 1.4;}
    
    .parBd{margin:2em auto 0px; font-size: 16px; line-height: 30px; height: 200px; overflow: auto; width: 90%;}
    #scrollbar{width: 86%; margin:0px auto;}
    .event_box{min-height:26em;}

    .main_honor{padding:1.5em 1% 2em;}
    .main_honor_list{height: 241px;}
    .main_honor_list li{height: 241px; float: left; width: 47%; margin:0px 1.5%;}

    .honor_more {height: 40px; line-height: 40px;}
    .honor_more a{width: 290px; font-size: 16px;}
}




.main_yeji li{background: #ebf0f5;}
.main_yeji li h3{ font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
@media screen and (min-width:768px){
    .main_yeji{padding:45px 0px;}
    .main_yeji li .img{float: left; width: 50%; }
    .main_yeji li .word{float: right; width: 50%;}
    .main_yeji li:nth-child(2n) .img{float: right;}
    .main_yeji li:nth-child(2n) .word{float: left;}
}
@media screen and (min-width:1200px){
    .main_yeji{padding:35px 0px;}
    .main_yeji li{height: 330px; margin-top:22px;}
    .main_yeji li .img{height: 330px;}
    .main_yeji li .word{padding:30px 45px;}
    .main_yeji li h3{font-size: 26px; margin-bottom: 15px; line-height: 30px;}
    .main_yeji li .desc{font-size: 16px; line-height: 30px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_yeji{padding:25px 0px;}
    .main_yeji li{height: 274px; margin-top:20px;}
    .main_yeji li .img{height: 274px;}
    .main_yeji li .word{padding:20px 35px;}
    .main_yeji li h3{font-size: 22px; margin-bottom: 15px; line-height: 28px;}
    .main_yeji li .desc{font-size: 15px; line-height: 28px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .main_yeji{padding:25px 0px;}
    .main_yeji li{height: 212px; margin-top:20px;}
    .main_yeji li .img{height: 212px;}
    .main_yeji li .word{padding:10px 15px;}
    .main_yeji li h3{font-size: 18px; margin-bottom: 8px; line-height: 24px;}
    .main_yeji li .desc{font-size: 14px; line-height: 22px;}
}

@media screen and (max-width:768px){
    .main_yeji{padding:1em 0px;}
    .main_yeji li{ margin-top:1em;}
    .main_yeji li .img{}
    .main_yeji li .word{padding:1em 2%;}
    .main_yeji li h3{font-size: 1.5em; margin-bottom: 8px; line-height: 1.6;}
    .main_yeji li .desc{font-size: 1.1em; line-height: 1.8;}
}

.main_yanfa li{background: #ebf0f5; position: relative;}
.main_yanfa li h3{ font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main_yanfa li .more{text-align: center; display: block; color: #fff;background: #1474a4; }
.main_yanfa li .more:hover{color:#1474a4; background: none; border:1px #1474a4 solid;}
@media screen and (min-width:768px){
    .main_yanfa{padding:45px 0px;}
    .main_yanfa li .img{float: left; width: 50%; }
    .main_yanfa li .word{float: right; width: 50%;}
    .main_yanfa li .word .desc{overflow: hidden;}
    .main_yanfa li:nth-child(2n) .img{float: right;}
    .main_yanfa li:nth-child(2n) .word{float: left;}
    .main_yanfa li .more{ position: absolute;}
    
}
@media screen and (min-width:1200px){
    .main_yanfa{padding:35px 0px;}
    .main_yanfa li{height: 330px; margin-top:22px;}
    .main_yanfa li .img{height: 330px;}
    .main_yanfa li .word{padding:30px 45px;}
    .main_yanfa li h3{font-size: 26px; margin-bottom: 15px; line-height: 30px;}
    .main_yanfa li .desc{font-size: 16px; line-height: 30px; height: 150px;}
    .main_yanfa li .more{height: 45px; width: 150px; line-height: 45px; font-size: 16px;left: 615px; bottom: 30px;}
    .main_yanfa li:nth-child(2n) .more{left: 30px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_yanfa{padding:25px 0px;}
    .main_yanfa li{height: 274px; margin-top:20px;}
    .main_yanfa li .img{height: 274px;}
    .main_yanfa li .word{padding:20px 35px;}
    .main_yanfa li h3{font-size: 22px; margin-bottom: 15px; line-height: 28px;}
    .main_yanfa li .desc{font-size: 15px; line-height: 28px; height: 140px;}
    .main_yanfa li .more{height: 40px; width: 150px; line-height: 40px; font-size: 16px;left: 515px; bottom: 20px;}
    .main_yanfa li:nth-child(2n) .more{left: 20px;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .main_yanfa{padding:25px 0px;}
    .main_yanfa li{height: 212px; margin-top:20px;}
    .main_yanfa li .img{height: 212px;}
    .main_yanfa li .word{padding:10px 15px;}
    .main_yanfa li h3{font-size: 18px; margin-bottom: 8px; line-height: 24px;}
    .main_yanfa li .desc{font-size: 14px; line-height: 22px; height: 110px;}
    .main_yanfa li .more{height: 35px; width: 150px; line-height: 35px; font-size: 16px;left: 405px; bottom: 15px;}
    .main_yanfa li:nth-child(2n) .more{left: 15px;}
}

@media screen and (max-width:768px){
    .main_yanfa{padding:1em 0px;}
    .main_yanfa li{ margin-top:1em;}
    .main_yanfa li .img{}
    .main_yanfa li .word{padding:1em 2%;}
    .main_yanfa li h3{font-size: 1.5em; margin-bottom: 8px; line-height: 1.6;}
    .main_yanfa li .desc{font-size: 1.1em; line-height: 1.8;}
    .main_yanfa li .more{height: 35px; width: 150px; line-height: 35px; font-size: 16px; margin-top:1.5em;}
}





.mainnew_list a{display: block; background: #fff; border-bottom: 1px #e6e6e6 solid;}
.mainnew_list a p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mainnew_list a span{ color: #999; position: absolute;left: 0px; }
.mainnew_list a em{color: #999; position: absolute;right: 0px; font-style: normal;}

.mainnew_list a .time{float: left;}
.mainnew_list a .word{float: right; position: relative;}
@media screen and (min-width:1200px){
    .mainnew_list{font-size: 16px;}
    .mainnew_list a{padding:16px 5px;}
    .mainnew_list a span{ bottom: 5px;}
    .mainnew_list a em{ bottom: 5px;}
    .mainnew_list a p{line-height: 24px;}
    .mainnew_list a .time{width: 190px; height: 140px;}
    .mainnew_list a .word{width: 935px; height: 140px;}
    .mainnew_list a .word h3{font-size: 24px; margin-bottom: 15px; margin-top:5px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mainnew_list{font-size: 16px;}
    .mainnew_list a{padding:12px 5px;}
    .mainnew_list a span{ bottom: 5px;}
    .mainnew_list a em{ bottom: 5px;}
    .mainnew_list a p{line-height: 26px;}
    .mainnew_list a .time{width: 190px; height: 140px;}
    .mainnew_list a .word{width: 740px; height: 140px}
    .mainnew_list a .word h3{font-size: 24px; margin-bottom: 10px; margin-top:5px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mainnew_list{font-size: 14px;}
    .mainnew_list a{padding:10px 5px;}
    .mainnew_list a span{ bottom: 5px;}
    .mainnew_list a em{ bottom: 5px;}
    .mainnew_list a p{line-height: 24px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .mainnew_list a .time{width: 190px; height: 140px;}
    .mainnew_list a .word{width: 524px; height: 140px;}
    .mainnew_list a .word h3{font-size: 18px; margin-bottom: 10px; margin-top:5px;}
}
@media screen and (min-width:768px){
    .mainnew_list a .word h3{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; font-weight: bold;}
}
@media screen and (max-width:768px){
    .mainnew_list{padding: 1em 2%;}
    .mainnew_list a{padding:0.8em 0.2em;}
    .mainnew_list a p{display: none;}
    .mainnew_list a .time{width: 25%; height: 5em;}
    .mainnew_list a .word{width: 73%; padding:0.2em 0 0 1% ;}
    .mainnew_list a .word h3{font-size: 1.2em; margin-bottom: 0.3em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
}

.mnew .title{text-align: center; color: #000; line-height: 2;}
.mnew .datetime{display: block; text-align: center;color: #999;}
.new_page{line-height: 2;}
@media screen and (min-width:1200px){
    .mnew .title{font-size: 24px;}
    .mnew .datetime{margin:15px 0; }
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mnew .title{font-size: 22px;}
    .mnew .datetime{margin:10px 0;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mnew .title{font-size: 20px;}
    .mnew .datetime{margin:6px 0;}
}
@media screen and (min-width:768px){
    .mnew{padding:30px 15px;}
    .prevnext{margin-top:40px;}
    .prevnext a{display: block; line-height: 2; max-width: 50%; float: left;}
    .prevnext a.next{float: right;}
}
@media screen and (max-width:768px){
    .mnew{padding:1em 2%;}
    .mnew .title{font-size: 1.4em;}
    .mnew .datetime{font-size: 0.9em; margin:0.5em 0;}
    .prevnext{ padding-top:1.5em;}
    .prevnext a{display: block; line-height: 2;}

}


.main_join{background: #ebf0f5;}
@media screen and (min-width:1200px){
    .main_join{line-height: 30px; font-size: 16px; padding:40px 0px;}
    .main_join h3{font-size: 24px; margin-bottom: 20px; font-weight: bold;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .main_join{line-height: 28px; font-size: 15px; padding:35px 0px;}
    .main_join h3{font-size: 22px; margin-bottom: 20px; font-weight: bold;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .main_join{line-height: 26px; font-size: 14px; padding:40px 0px;}
    .main_join h3{font-size: 18px; margin-bottom: 20px; font-weight: bold;}
}
@media screen and (min-width:768px){
    .main_join{line-height: 30px; font-size: 16px; padding:40px 0px;}
    .main_join h3{font-size: 24px; margin-bottom: 20px; font-weight: bold;}
}
@media screen and (max-width:768px){
    .main_join{line-height: 1.8; font-size: 16px; padding:1.5em 2%;}
    .main_join h3{font-size: 1.6em; margin-bottom: 20px; font-weight: bold;}
}



div.invite-wrapper{ padding: 35px 0 50px;}
div.invite-wrapper .invite-box-wrap .panel{background-color: #f6f6f6;}
div.invite-wrapper .invite-box-wrap .panel .title{ width: 100%; height: 100px; padding: 26px 240px 26px 30px; background: transparent; position: relative;}
div.invite-wrapper .invite-box-wrap .panel .title h2,div.invite-wrapper .invite-box-wrap .panel .title p{color: #333;}
div.invite-wrapper .invite-box-wrap .panel .title h2{font-size: 16px;margin-bottom: 10px;cursor: pointer;}
div.invite-wrapper .invite-box-wrap .panel .title p{font-size: 12px;}
div.invite-wrapper .invite-box-wrap .panel .title .operate{height: 100px;position: absolute;top: 27px; right: 20px; z-index: 100;}
div.invite-wrapper .invite-box-wrap .panel .title .operate a.apply,div.invite-wrapper .invite-box-wrap .panel .title .operate i.handle{display: inline-block; vertical-align: middle;}
div.invite-wrapper .invite-box-wrap .panel .title .operate a.apply{width: 150px; height: 45px;background-color: #1474a4; color: #FFF; font-size: 16px;line-height: 42px;  text-align: center;}
div.invite-wrapper .invite-box-wrap .panel .title .operate a.apply:hover,div.invite-wrapper .invite-box-wrap .panel .title .operate a.apply:focus{text-decoration: none;}
div.invite-wrapper .invite-box-wrap .panel .title .operate i.handle{width: 26px; height: 26px; background: url("../images/paging_right.png") no-repeat center;  -webkit-background-size: 100% 100%; background-size: 100%;margin-left: 30px; cursor: pointer; -webkit-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;transition: All 0.3s ease-in-out;}
div.invite-wrapper .invite-box-wrap .panel .content{padding: 0;width: 100%; height: 0; overflow: hidden; font-size: 14px; line-height: 24px; -webkit-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; transition: All 0.4s ease-in-out;}
div.invite-wrapper .invite-box-wrap .panel .content h3.tit{font-size: 16px;margin-bottom: 15px;}
div.invite-wrapper .invite-box-wrap .panel .mobile-apply{display: none; text-align: center; padding: 15px 0 30px;}
div.invite-wrapper .invite-box-wrap .panel .mobile-apply a.apply{display: inline-block; width: 130px; height: 35px; background-color: #1474a4;color: #FFF;  font-size: 16px;line-height: 35px; text-align: center;}
div.invite-wrapper .invite-box-wrap .panel .mobile-apply a.apply:hover,div.invite-wrapper .invite-box-wrap .panel .mobile-apply a.apply:focus{text-decoration: none;}
div.invite-wrapper .invite-box-wrap .panel.showIt .title{background-color: #1474a4;}
div.invite-wrapper .invite-box-wrap .panel.showIt .title h2,div.invite-wrapper .invite-box-wrap .panel.showIt .title p{ color: #FFF;}
div.invite-wrapper .invite-box-wrap .panel.showIt .title .operate a.apply{background-color: #FFF; color: #1474a4;}
div.invite-wrapper .invite-box-wrap .panel.showIt .title .operate i.handle{background-image: url("../images/arrow.png"); -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg); transform: rotate(90deg);}
div.invite-wrapper .invite-box-wrap .panel.showIt .content{ padding: 30px; height: auto;}
@media (max-width: 768px){
    div.invite-wrapper .invite-box-wrap .panel .title{padding: 16px 70px 16px 20px;  height: 80px;}
    div.invite-wrapper .invite-box-wrap .panel .title .operate { top: 22px;}
    div.invite-wrapper .invite-box-wrap .panel .title .operate a.apply{display: none; width: 130px; height: 35px; line-height: 35px;  }
    div.invite-wrapper .invite-box-wrap .panel .title .operate i.handle{width: 24px; height: 24px; }
    div.invite-wrapper .invite-box-wrap .panel.showIt .content {padding: 20px;}
    div.invite-wrapper .invite-box-wrap .panel.showIt .mobile-apply{display: block; }
}


.main_pro_cate{border-bottom: 1px #ebf0f3 solid;}
.main_pro_cate2{border-bottom: 1px #ebf0f3 solid;}
.main_pro_cate2 .act,.main_pro_cate2 a:hover{background: #1474a4; color: #fff;}
.main_pro_top .swiper-button-next,.main_pro_top .swiper-button-prev{background-color: #7f7f7f; border-radius: 50%;}
.main_pro_top{text-align: center;}
.main_pro_top .swiper-button-prev{background-image: url(../images/bt_left.png); background-size: 70%;}
.main_pro_top .swiper-button-next{background-image: url(../images/bt_right.png);background-size: 70%;}
.main_pro_top .title{line-height: 2.5; font-weight: bold;}
@media (min-width:768px){
    .main_pro_top{padding-bottom: 30px;}
    .main_pro_top .title{font-size: 32px;}
    .main_pro_cate{height: 48px; line-height: 48px; text-align: right; font-size: 16px;}
    .main_pro_top .swiper-button-next,.main_pro_top .swiper-button-prev{width: 40px; height: 40px; }
    .main_pro_bottom .menu{}
    .main_pro_cate2{height: 48px; line-height: 48px; text-align: center; font-size: 16px;}
    .main_pro_cate2 a{float: left; width: 20%; }

    .main_pro_top .swiper-container-horizontal img{max-height: 500px;}
}
@media (max-width: 768px){
    .main_pro_top{padding-bottom: 1.5em;}
    .main_pro_top .title{font-size: 1.6em;}
    .main_pro_cate{height: 2.5em; line-height: 2.5em; text-align: right; font-size: 1.2em; padding: 0px 2%;}
    .main_pro_top .swiper-button-next,.main_pro_top .swiper-button-prev{width: 2em; height: 2em; }

    .main_pro_cate2{line-height: 2.5em; text-align: center; font-size: 1.2em; padding: 0px 2%;}
    .main_pro_cate2 a{display: inline-table;  padding:0px 2%;}

    .main_pro_top .swiper-container-horizontal img{max-height: 25em;}
    
}


@media (min-width:768px){
    .main_pro_bottom .nav{height: 48px; line-height: 48px; background: #ebf0f5;}
    .main_pro_bottom .nav li{display: inline-table; text-align: center; font-size: 16px;}
    .main_pro_bottom .nav01 li{min-width: 16.2%;}
    .main_pro_bottom .nav02 li{min-width: 19%;}
    .main_pro_bottom .nav li .selected{background: #1474a4; color: #fff;}
    .menu_con{padding:30px; line-height: 2; font-size: 16px;}
    .wap_desc{display: none;}

}


@media (max-width: 768px){
    .main_pro_bottom .menu {display: none;}
    .wap_title{background: #1474a4; color: #fff; line-height: 2; padding:0px 0.5em;}

    .wap_desc{padding:0px 2%; font-size: 1.1em; line-height: 2;}
    .wap_desc .desc{padding:0.8em 0px;}
    
}

.bgebf0f5{background: #ebf0f5;}


.main_cate_div h2.cate_title{font-weight: bold;}
.main_cate_div .left h3,.main_cate_div .right h3{border-bottom: 1px #dcdcdc solid; color: #1474a4;}
.main_cate_div .left ul,.main_cate_div .right ul{color: #999;}
.main_cate_div .left ul li a,.main_cate_div .right ul li a{ float: left; }
.main_cate_div .left ul li a:hover,.main_cate_div .right ul li a:hover{background: #1474a4; color: #fff;}

.main_cate_div .one h3{border-bottom: 1px #dcdcdc solid; color: #1474a4;}
.main_cate_div .one ul{color: #999;}
.main_cate_div .one ul li a{ float: left; }
.main_cate_div .one ul li a:hover{background: #1474a4; color: #fff;}
@media (min-width:1200px){
    .main_cate_div{padding:30px 0px 40px;}
    .main_cate_div h2.cate_title{font-size: 32px;}
    .main_cate_div .left,.main_cate_div .right{padding:10px 3%;}
    .main_cate_div .left h3,.main_cate_div .right h3{line-height: 65px; height: 65px; font-size: 22px;}
    .main_cate_div .left ul,.main_cate_div .right ul{font-size: 16px; line-height: 40px; padding:15px 0px;}
    .main_cate_div .left ul li a,.main_cate_div .right ul li a{width: 48%; margin-right: 2%;padding-left: 1%;}

    .main_cate_div .one{padding:10px 3%;}
    .main_cate_div .one h3{line-height: 65px; height: 65px; font-size: 22px;}
    .main_cate_div .one ul{font-size: 16px; line-height: 40px; padding:15px 0px;}
    .main_cate_div .one ul li a{width: 23%; margin-right: 2%;padding-left: 1%;}
}

@media screen and (min-width:991px) and (max-width:1200px){
    .main_cate_div{padding:30px 0px 40px;}
    .main_cate_div h2.cate_title{font-size: 28px;}
    .main_cate_div .left,.main_cate_div .right{padding:10px 2%;}
    .main_cate_div .left h3,.main_cate_div .right h3{line-height: 58px; height: 58px; font-size: 20px;}
    .main_cate_div .left ul,.main_cate_div .right ul{font-size: 15px; line-height: 35px; padding:12px 0px;}
    .main_cate_div .left ul li a,.main_cate_div .right ul li a{width: 50%;padding-left: 1%;}

    .main_cate_div .one{padding:10px 2%;}
    .main_cate_div .one h3{line-height: 58px; height: 58px; font-size: 20px;}
    .main_cate_div .one ul{font-size: 15px; line-height: 35px; padding:12px 0px;}
    .main_cate_div .one ul li a{width: 25%;padding-left: 1%;}
}

@media screen and (min-width:768px) and (max-width:991px){
    .main_cate_div{padding:30px 0px 40px;}
    .main_cate_div h2.cate_title{font-size: 24px;}
    .main_cate_div .left,.main_cate_div .right{padding:10px 0.5%;}
    .main_cate_div .left h3,.main_cate_div .right h3{line-height: 54px; height: 54px; font-size: 18px;}
    .main_cate_div .left ul,.main_cate_div .right ul{font-size: 14px; line-height: 32px; padding:12px 0px;}
    .main_cate_div .left ul li a,.main_cate_div .right ul li a{width: 50%;padding-left: 1%;}

    .main_cate_div .one{padding:10px 0.5%;}
    .main_cate_div .one h3{line-height: 54px; height: 54px; font-size: 18px;}
    .main_cate_div .one ul{font-size: 14px; line-height: 32px; padding:12px 0px;}
    .main_cate_div .one ul li a{width: 25%;padding-left: 1%;}
}

@media (min-width:768px){
    .main_cate_div .left,.main_cate_div .right{width: 50%; float: left;}

}


@media (max-width: 768px){
    .main_pro_bottom .menu {display: none;}
    .wap_title{background: #1474a4; color: #fff; line-height: 2; padding:0px 0.5em;}

    .wap_desc{padding:0px 2%; font-size: 1.1em; line-height: 2;}
    .wap_desc .desc{padding:0.8em 0px;}


    .main_cate_div{padding:1em 1% 0.5em;}
    .main_cate_div h2.cate_title{font-size: 1.6em;}
    .main_cate_div .left,.main_cate_div .right{padding:0.8em 0.5%;}
    .main_cate_div .left h3,.main_cate_div .right h3{line-height: 2.5em; height: 2.5em; font-size: 1.2em;}
    .main_cate_div .left ul,.main_cate_div .right ul{font-size: 1em; line-height: 32px; padding:12px 0px;}
    .main_cate_div .left ul li a,.main_cate_div .right ul li a{width: 50%;}

    .main_cate_div .one{padding:0.8em 0.5%;}
    .main_cate_div .one h3{line-height: 2.5em; height: 2.5em; font-size: 1.2em;}
    .main_cate_div .one ul{font-size: 1em; line-height: 32px; padding:12px 0px;}
    .main_cate_div .one ul li a{width: 50%;}

    
}