.header_nav h1.clear:after{display: block; content: ''; clear: both;}
body{font-family: "microsoft yahei", "sans-serif";}
.wrapper{padding: 0 0.48rem; position: relative;}
.img-responsive{max-width: 100%; display: block;}
.center-block{display: block; margin-left: auto; margin-right: auto;}
.czspjz{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
/*header_nav*/
.header_nav{background: #005bae; height: 1.6rem; position: fixed; top: 0; width: 100%; left: 0; z-index: 200; perspective: 800px;}
.header_nav .wrapper{height: 100%;}
.header_nav h1{ transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; top: 45%; left: 2rem;}
.header_nav h1 a{color: #fff;font-size: 0.7rem;}
.header_nav h1 img{height: 100%; display: block;}
.sch_i{display: block; height: 0.9rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; left: 0.48rem;}
.sch_i img{max-height: 95%; display: block;}
.btn{position: absolute; right: 0.48rem; height: 0.9rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%;}
.btn img{max-height: 95%; display: block;}
.nav2{position: absolute; left: 0; top: 1.6rem; z-index: 11; width: 100%; background: #f1f1f1; overflow: hidden; display: none;}
.nav2 ul li{line-height: 1.4rem; font-size: 0.5rem; text-indent: 0.8rem; border-bottom: 1px solid #ffffff;}
.nav2 ul li a{display: block;}  
.search{position: absolute; left: 0; top: 1.6rem; z-index: 10; width: 100%; background: #2F3A89; overflow: hidden; border-top: 1px solid #fff; height: 1.6rem; padding: 0.2rem; box-sizing: border-box; transform: rotateX(-45deg); -webkit-transform: rotateX(-45deg); opacity: 0; transition: 300ms ease; -webkit-transition: 300ms ease; transform-origin: center top;}
.search form{display: block; height: 100%; width: 100%;}
.search input{width: 100%; height: 100%; display: block; border: 0;}
.search.search_act{transform: rotateX(0); opacity: 1; -webkit-transform: rotateX(0);}
/*banner*/
.banner{margin-top: 1.6rem;}
.banner img{max-width: 100%; display: block; margin: 0 auto;}
.nav{overflow: hidden; margin-top: 2%;}
.nav ul{overflow: hidden; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
.nav ul li{width: 24%; line-height: 1.16rem; margin-top: -1px; margin-bottom: 2%;}
.nav ul li a{display: block; text-align: center; color: #404040; font-size: 0.6rem; font-weight: bold; background: #d9d9d9;}
/*main*/
#main{padding-bottom: 1.5rem;}
/*product*/
.product{overflow: hidden;}
.pro-title{text-align: center; margin: 1.2rem 0 0.6rem;}
.pro-title h3{font-size: 1.12rem; color: #005bae;}
.pro-title span{display: block; font-size: 0.5rem;}
.pro_adv{margin-bottom: 0.6rem;}
.pro_adv ul{display: flex; display: -webkit-flex; justify-content: space-between;}
.pro_adv ul li{width: 2.54rem; height: 2.54rem; background: url("../images/tyuan.png") no-repeat center; border-radius: 50%; background-size: cover; text-align: center; position: relative;}
.pro_adv ul li:after{display: block; content: ''; width: 0.04rem; height: 1.06rem; background: #2b2b2b; position: absolute; right: -0.7rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pro_adv ul li b{display: block; width: 0.88rem; height: 0.88rem; background: #2b2b2b; border-radius: 50%; color: #f7b500; font-size: 0.64rem; line-height: 0.88rem; margin: 0.4rem auto 0;}
.pro_adv ul li span{display: block; color: #2b2b2b; font-size: 0.4rem; margin-top: 0.2rem;}
.main-title{text-align: center; padding: 1.06rem 0 0.6rem;}
.main-title small{display: block; font-size: 0.28rem; color: #939393;}
.main-title h3{font-size: 1.16rem; color: #373636; position: relative;}
.main-title h3 strong{color: #005bae;}
.main-title p{display: block; content: ''; width: 2.9rem; height: 0.2rem; background: #373636; margin: 0.3rem auto; position: relative;}
.main-title p i{display: block; width: 50%; height: 100%; background: #005bae; position: absolute; left: 0; top: 0;}
.main-title span{display: block; font-size: 0.36rem; color: #5e5e5e; margin-top: 0.4rem;}
.pro_list_con{width: 105%;}
.pro_list{width: 98%; overflow: hidden;}
.pro_list li{width: 47%; margin-right: 2%; border: 1px solid #ccc; float: left; margin-bottom: 4%;}
.pro_list li div{width: 100%; position: relative;}
.pro_list li div img{max-width: 100%; max-height: 100%; display: block;width: 100%;height: 100%;object-fit: cover;}
.pro_list li p{border-top: 1px solid #ccc; line-height: 1.4rem; position: relative;}
.pro_list li p span{font-size: 0.4rem; text-indent: 0.6rem; display: block;}
.pro_list li p b{display: block; position: absolute; right: 0; top: 0; width: 1.4rem; background: #f7b500; height: 100%;}
.pro_list li p b img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 40%;}
.more_btn{width: 6.4rem; height: 1.6rem; line-height: 1.6rem; text-align: center; font-size: 0.7rem; color: #fff; background: #f7b500; display: block; margin: 1.06rem auto; border-radius: 0.2rem;}
.pro_img_left{margin-bottom: 20px;}
.pro_img_left img{max-width: 80%;margin: 0 auto;display: block;}
/*company*/
.company{padding-bottom: 0.9rem; overflow: hidden;}
.company img{max-width: 100%; display: block; margin: 0 auto;}
.company .com_con{font-size: 0.56rem; color: #2f2f2f; line-height: 0.7rem; display: block; margin: 0.7rem 0;}
.company .com_con a{color: #f7b500;}
.company p{display: flex; display: -webkit-flex; justify-content: space-between;}
.company p a{display: block; width: 6.4rem; height: 1.4rem; line-height: 1.4rem; font-size: 0.6rem; color: #fff; border-radius: 0.2rem;}
.company p a:nth-of-type(1){background: #005bae url("../images/more2.png") no-repeat 0.6rem center; background-size: 0.8rem; text-indent: 1.8rem;}
.company p a:nth-of-type(2){background: #f7b500 url("../images/tel2.png") no-repeat 0.6rem center; background-size: 0.8rem; text-indent: 1.8rem;}
/*choice*/
.choice ul{margin-top: 0.8rem;}
.choice ul li{overflow: hidden; border-bottom: 1px dashed #ccc; padding: 0.8rem 0;}
.choice ul li img{width: 4rem; height: 4rem;}
.choice ul li p{width: 9rem;}
.choice ul li p b{font-size: 0.72rem; color: #005bae;}
.choice ul li p small{display: block; font-size: 0.48rem; color: #939393; margin-top: 0.6rem; line-height: 0.8rem;}
.choice ul li:nth-of-type(odd) img{float: left;}
.choice ul li:nth-of-type(odd) p{float: right;}
.choice ul li:nth-of-type(even) img{float: right;}
.choice ul li:nth-of-type(even) p{float: left;}
/*news*/
.news{overflow: hidden;}
.news p span{display: block; background: #ededed; font-size: 0.52rem; color: #005bae; font-weight: bold; line-height: 1.2rem; text-indent: 0.6rem;}
.news p small{display: block; font-size: 0.56rem; color: #919191; margin: 0.6rem 0;}
.news p small a{color: #005bae;}
.news ul li{margin-bottom: 0.6rem;}
.news ul li a{display: block;}
.news ul li a span{display: block; background: #ededed; font-size: 0.52rem; color: #333; font-weight: bold; line-height: 1.2rem; text-indent: 0.6rem;}
.news_list li{margin-bottom: 0.8rem;}
.news_list li .name{line-height: 1.34rem; background: #d2d2d2; color: #333; overflow: hidden; height: 1.34rem;}
.news_list li .name span{width: 1.76rem; display: inline-block; background: #f7b500; height: 1.34rem; text-align: center;}
.news_list li .name b{font-weight: 300; font-size: 0.7rem; display: inline-block; padding-left: 0.6rem; line-height: 1.2rem; position: relative; top: -0.1rem;}
.news_list li .desc{display: block; font-size: 0.56rem; color: #929292; margin-top: 0.7rem;}
/*contact*/
.contact{padding: 0.7rem 0;}
.contact h4{font-size: 0.92rem; color: #2f2f2f; text-align: center; margin-bottom: 0.8rem;}
.contact ul li{margin-bottom: 0.4rem;}
.contact ul li span{font-size: 0.7rem; display: inline-block; width: 2.24rem;}
.contact ul li small{background: #e6e6e6; padding: 0.4rem; color: #2f2f2f; font-size: 0.7rem; display: inline-block; width: 10.6rem;}
/*footer*/
.footer{position: fixed; bottom: -1px; width: 100%; left: 0; background: #484848; overflow: hidden;}
.footer ul li{float: left;line-height: 1.8rem;height: 1.8rem;width: 25%;position: relative;}
.footer ul li a{font-size: 0.48rem; color: #ffffff; display: block; border-right: 1px solid rgba(255, 255, 255, 0.64);}
.footer ul li a img{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0.9rem;width: 0.6rem;}
.footer ul li a span{padding-left: 2rem;}
/*info*/
#info{padding-bottom: 2.6rem; overflow: hidden;background: #fff;}
.info_top{margin: 0.9rem 0;}
.info_top:after{display: block; content: ''; clear: both;}
.info_top h2{font-size: 0.7rem; font-weight: 500; color: #555555; float: left; border-left: 4px solid #162142; padding-left: 0.3rem;}
.info_top h2 span{color: #000000;}
.p_content{font-size: 0.5rem; line-height: 0.8rem; color: #4f4f4f;}
.p_content table{display: block;overflow-x: scroll; max-width: 100% !important;}
.p_content img{max-width: 100% !important;width: auto !important;height: auto !important;}
/*contact*/
.contact_li h4{font-size: 0.8rem; margin-bottom: 0.4rem; color: #005bae;}
.contact_li ul li{font-size: 0.5rem; line-height: 0.8rem;}
.contact_li ul li a{font-weight: bold; color: #162142;}
#allmap{width: 100%; height: 9.2rem; overflow: hidden; margin-top: 20px; border: 1px solid #a1a1a1; font-size: 1.5rem; line-height: 30px;}
/*message*/
#form1 input[type=text]{line-height: 1.2rem; height: 1.2rem; border-radius: 0.2rem; font-size: 0.4rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 0.3rem; display: block; width: 100%; margin-bottom: 0.2rem;}
#form1 textarea{font-size: 0.36rem; background: #fff; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px #ccc; font-family: "microsoft yahei"; text-indent: 0.3rem; display: block; width: 100%; margin-bottom: 0.2rem; border-radius: 0.2rem;}
#form1 div input{float: left;}
#form1 div img{float: left; margin-left: 0.2rem; height: 1.2rem; margin-top: 1px;}
#form1 input[type=submit]{display: block; font-size: 0.4rem; background: #162142; color: #f5f5f5; text-align: center; width: 2.4rem; line-height: 1.2rem; border: 0; float: right; border-radius: 0.2rem; font-family: "microsoft yahei";}
.news_title{font-size: 0.8rem; text-align: center; font-weight: 300; color: #333;}
.meta{font-size: 0.5rem; text-align: center; margin-bottom: 0.6rem;}
/*PRO*/
.product_type{background: #eee; padding: 0.6rem 0.4rem 0.2rem 0.6rem; overflow: hidden; margin-bottom: 5%;}
.product_type ul li{width: 100%;float: left;margin-right: 1.2%;margin-bottom: 3%;}
.product_type ul li a{display: block;padding: 0.4rem 0;text-align: center;background: #005bae;color: #fff;font-size: 0.5rem;width: 31%;float: left;margin: 1%;}
.content_p .sp{display: block; border-bottom: 1px solid #005bae;margin-bottom: 0.6rem;}
.content_p .sp small{width: 4rem; line-height: 1.2rem; background: #005bae; color: #fff; text-align: center; font-size: 0.5rem; display: block;}
#prev_next{font-size: 0.5rem; margin-top: 0.4rem;}
div.page{margin: 0.2rem 0 0.4rem 0; clear: both; font-size: 0.28rem; text-align: center;}
div.page a{padding: 0.04rem 0.1rem; margin: 0.04rem; color: #ffffff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 0.04rem 0.16rem; font-weight: bold; margin: 0.04rem; color: #fff; background-color: #005bae;}
div.page span.disabled{padding: 0.04rem 0.1rem; margin: 0.04rem; color: #ddd;}
/*course*/
.course{padding: 0.8rem 0; background: #f5f5f5;}
.course_ul,.teacher_ul{overflow: hidden;}
.course_ul li{text-align: center; border: 1px solid #ccc; padding: 0.1rem; float: left; width: 46%; margin-bottom: 0.5rem; margin-right: 0.2rem;}
.course_ul li div{width: 100%; height: 4rem; position: relative;}
.course_ul li div img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; max-width: 100%; display: block;}
.course_ul li span{display: block; background: #005bae; font-size: 0.6rem; color: #fff; text-align: center;height: 1.2rem;line-height: 1.2rem;overflow: hidden;}
.course_ul li a{display: block;}
.search_now{font-size: 0.7rem; margin-bottom: 0.6rem;}

ul.page:after {
    display: block;;content: '';clear: both;
}
ul.page li{
    float: left;
    font-size: 14px;
    color: #333;
    padding: 5px;
    background: #E0E0E0;
    margin: 0 2px;
}
ul.page li.active {
    background: #2448D0;
    color: #fff;
}
ul.page li.active a{color:#fff;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
div#think_page_trace_open {
    display: none;
}