/* min_ban */
.min_ban{overflow: hidden;}
.min_ban img{width: 100%;}

/* min_nav */
.min_nav{border-bottom: 1px #c5c5c5 solid;}
.min_nav a{font-size: 14px; color: #7f7f7f; line-height: 70px;}
.min_nav a:hover{text-decoration: underline; color: #06193f;}
.min_nav span{font-size: 14px; color: #7f7f7f; line-height: 70px; margin: 0 10px;}

/* content */
.content .tit_con{padding: 26px 0;}
.content .tit_con h2{font-size: 36px; color: #06193f; line-height: 54px; font-weight: bold;}
.content .tit_con span{font-size: 36px; color: #bcbcbc; line-height: 54px; font-family: Arial;}

/* about */
.about{overflow: hidden;}
.about .fl img{max-width: 480px; width: 100%; margin-right: 40px; margin-bottom: 20px;}
.about p{font-size: 16px; color: #111; line-height: 36px; margin: 30px 0;}

/* news_list */
.listbox{border-top: 1px #dfdfdf solid;}
.news_list ul li{overflow: hidden; border-bottom: 1px #dfdfdf solid; padding: 30px 0;}
.news_list ul li .left{float: left; max-width: 800px; width: 65%;}
.news_list ul li .left h2{height: 70px; width: 100%; overflow: hidden;}
.news_list ul li .left h2 a{font-size: 24px; color: #000; line-height: 70px;}
.news_list ul li .left h2 a:hover{color: #06193f;}
.news_list ul li .left p{font-size: 16px; color: #a1a1a1; line-height: 30px; width: 100%; height: 90px; overflow: hidden;}
.news_list ul li .left .but{display: block; width: 180px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; background: #06193f; text-align: center; margin-top: 22px;}

.news_list ul li .right{float: right; max-width: 320px; width: 30%; height: 220px; overflow: hidden;}
.news_list ul li .right img{width: 320px; height: 220px; transition:all 0.6s;}
.news_list ul li .right img:hover{transform: scale(1.1);}

/* pagination */
.pagination{text-align:center; font-size: 0; margin: 50px 0;}
.pagination a{padding:8px 12px; background:#fff; color:#212121; font-size:16px; margin: 0 5px; border: 1px #212121 solid; white-space:nowrap; display: inline-block; margin-bottom: 10px;}
.pagination a:hover{background:#06193f; color:#fff; border: 1px #06193f solid;}
.pagination .shu{background:#fff; color: #212121;}
.pagination .xian{background:#06193f; color: #fff; border: 1px #06193f solid; font-size:16px; margin: 0 5px; padding:8px 12px;}

/* text */
.textbox{margin-bottom: 50px;}
.textbox .text_tit{border: 1px #dfdfdf solid; border-width: 1px 0 1px 0; text-align: center;}
.textbox .text_tit h2{font-size: 24px; color: #000; line-height: 60px; margin-top: 25px;}
.textbox .text_tit p{margin-bottom: 20px;}
.textbox .text_tit p span{font-size: 14px; color: #a8a8a8; line-height: 44px; margin: 0 10px;}

.textbox .text p{font-size: 16px; color: #3d3d3d; line-height: 30px; max-width: 1000px; margin: 30px auto;}
.textbox .text img{margin: 30px auto; max-width: 800px; width: 100%;}

/* product_list */
.product_list ul{overflow: hidden; margin-top: 20px;}
.product_list ul li{float: left; width: 25%; padding: 0 10px; box-sizing: border-box;}
.product_list ul li a{display: block;}
.product_list ul li a div{width: 100%; box-sizing: border-box; border: 1px #c3c3c3 solid; overflow: hidden;}
.product_list ul li a div img{width: 100%; transition:all 0.6s;}
.product_list ul li a h3{font-size: 18px; color: #2f2f2f; text-align: center; line-height: 60px; height: 60px; overflow: hidden;}
.product_list ul li a:hover div img{transform: scale(1.1);}

/* product_text */
.product_text{overflow: hidden; border-top: 1px #c3c3c3 solid; padding-top: 30px; margin-bottom: 50px;}
.product_text .fl{width: 23.75%; border: 1px #c3c3c3 solid; box-sizing: border-box;}
.product_text .fl img{width: 100%;}

.product_text .fr{width: 72%;}
.product_text .fr span{font-weight: bold;}
.product_text .fr h2{font-size: 16px; color: #2b2b2b; line-height: 48px;}
.product_text .fr p{font-size: 16px; color: #2b2b2b; line-height: 36px; margin-bottom: 30px;}
.product_text .fr img{max-width: 880px; margin-bottom: 30px; width: 100%;}

/* partner_list */
.partner_list{margin-bottom: 30px; border-top: 1px #dfdfdf solid; padding-top: 20px;}
.partner_list ul{overflow: hidden;}
.partner_list ul li{width: 33%; float: left; padding: 0 10px; box-sizing: border-box; margin-bottom: 20px;}
.partner_list ul li a{display: block; width: 100%; overflow: hidden; border: 1px #c3c3c3 solid;}
.partner_list ul li a img{width: 100%;}

/* partner */
.partner .info{overflow: hidden; border-top: 1px #dfdfdf solid; padding-top: 30px;}
.partner .info .fl{width: 50%; overflow: hidden;}
.partner .info .fl img{max-width: 500px; width: 100%;}
.partner .info .fr{width: 50%; box-sizing: border-box; padding-left: 20px;}
.partner .info .fr h3{font-size: 24px; color: #1d1d1d; line-height: 50px;}
.partner .info .fr p{font-size: 16px; color: #818181; line-height: 36px;}

.partner .tu{overflow: hidden;}
.partner .tu .tit_tu{font-size: 24px; color: #1d1d1d; line-height: 70px; border-bottom: 1px #dfdfdf solid; margin: 30px 0;}
.partner .tu ul li{width: 25%;}
.partner .tu ul li img{width: 100%;}

/* contact */
.contact{overflow: hidden; border-top: 1px #dfdfdf solid; padding-top: 30px; margin-bottom: 100px;}
.contact .fl,.contact .fr{width: 50%;}
.contact .fl h2{font-size: 24px; color: #06193f; line-height: 56px; font-weight: bold;}
.contact .fl p{font-size: 16px; color: #5c5c5c; line-height: 36px;}

.contact .ditu{border: 1px #cfcfcf solid; width: 50%; box-sizing: border-box;}


@media all and (max-width:750px){
    .min_ban img{width: 180%; margin-left: -40%;}
    .min_nav{display: none;}
    
    .content .tit_con{padding: 20px 0;}
    .content .tit_con h2{font-size: 24px; line-height: 34px;}
    .content .tit_con span{font-size: 24px; line-height: 34px;}
    
    .about .fl{width: 100%;}
    .about .fl img{max-width: 750px; margin-right: 0; margin-bottom: 40px;}
    
    .news_list ul li{padding: 30px 0; padding-top: 15px;}
    .news_list ul li .left{width: 100%;}
    .news_list ul li .left h2{height: 50px;}
    .news_list ul li .left h2 a{font-size: 24px; line-height: 50px; display: block;}
    .news_list ul li .left h2 a:hover{color: #06193f;}
    .news_list ul li .left .but{display: none;}
    .news_list ul li .right{display: none;}
    
    .product_list ul li{width: 50%;}
    
    .product_text .fl{float: none; width: 100%;}
    .product_text .fr{float: none; width: 100%;}
    
    .partner_list ul li{width: 50%;}
    
    .partner .info .fl,.partner .info .fr{width: 100%;}
    .partner .info .fr{margin-top: 20px;}
    
    .partner .tu ul li{width: 50%;}
    
    .contact .fl,.contact .fr{width: 100%; margin-bottom: 30px;}
    .contact .fl h2{font-size: 20px;}
}