@charset "utf-8";
*, *:before, *:after {box-sizing: border-box;outline: 0;}
*{margin: 0;padding: 0}
body{font-family:"微软雅黑"; font-size: 14px; color: #333; line-height:22px;background: #eaeaea;} 
ul, li {list-style-type: none}
a:link,a:visited{text-decoration: none;color: #333}
a:hover{color: #1e50ae;}
.section_container{max-width: 1440px;margin: auto;padding: 80px 0;overflow: hidden;position: relative;}
.section_title{text-align: center;font-size: 24px;font-weight: normal;margin-bottom: 10px;}
.section_title a:link,.section_title a:visited{color: #333}
.section_title:after{content: "";display: block;width: 50px;height: 2px;background: #1e50ae;margin: 15px auto 0}
.section_subtitle{text-align: center;font-size: 16px;margin-bottom: 30px;color: #555}
.index_product .section_container{padding-bottom: 60px;}
.index_product_box{}
.index_product_box ul{float: left;width: 240px;border:1px solid #f2f2f2 ;display:none;}
.index_product_box ul li{padding: 15px 20px;border-bottom: 1px solid #f2f2f2;cursor: pointer;position: relative;overflow: hidden;}
.index_product_box ul li:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;transform: translateX(-100%);background: #f2f2f2;z-index: -1;transition: all 0.3s ease-in-out;}
.index_product_box ul li:hover:after{transform: translateX(0);}
.index_product_box ul li:last-child{border-bottom: 0;}
.index_product_box ul .active{background:#1e50ae;color: #fff;}
.index_product_box .pro_data{float: right;width: calc(100%);}
.index_product_box .pro_data div{display: none;padding-left: 20px;}
.index_product_box .pro_data a{width: 32%;margin-right: 2%;display: block;float: left;margin-bottom: 20px;transition: all 0.6s ease-in-out;overflow: hidden;}
.index_product_box .pro_data a img{border: 1px solid #f2f2f2;}
.index_product_box .pro_data a:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.index_product_box .pro_data a span{line-height: 0;overflow: hidden;display: block;}
.index_product_box .pro_data a:hover img{transform: scale(1.2);}
.index_product_box .pro_data a img{max-width: 100%;transition: all 1s ease-in-out;}
.index_product_box .pro_data a h3{padding:10px 20px;text-align: center;background: #f7f7f7;color: #555;font-weight: normal;transition: all 0.3s ease-in-out;}
.index_product_box .pro_data a:hover h3{background: #1e50ae;color: #fff;}
.index_product_box .pro_data a:nth-of-type(3n){margin-right: 0;}
.index_product_box .pro_data .active{display: block;}
.leakey_clear_float:after{content: "";display: block;overflow: hidden;clear: both;}
.textoverflow_llipsis{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display:block}

.header_top{line-height:35px;overflow:hidden;transition:all .5s ease;border-bottom:1px #ccc solid;font-size:14px}
.header_top_l{line-height:35px;font-weight:700}

.head_box .main_container{position: relative;}
.map{margin-top: 30px;margin-bottom: 30px;}
.index_news li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 20px;transition: all 0.3s ease-in-out;}
.index_news li p{color: #777}
.index_news li:nth-of-type(4n){margin-right: 0;}
.index_news li div{line-height: 0;overflow: hidden;}
.index_news li img{width: 100%;}
.index_news li h3{margin: 10px 0;font-size: 16px;}
.index_news li h3 a:link,.index_news li h3 a:visited{color: #333;  display: block;}
.index_news li:hover h3 a{color: #1e50ae}
.index_news li h3 time{color: #555;font-weight: normal;}

.index_news .section_container,.index_partner .section_container{padding-top: 0;}
.index_partner .swiper-container{padding: 0 30px;margin-top: 30px;}
.index_partner .swiper-container img{width: 100%;}
.index_partner .swiper-button-next{right: 0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E");}
.index_partner .swiper-button-prev{left: 0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E")}

.index_partner .swiper-slide,.index_shebei .swiper-slide{ border: 1px #ccc solid;}
.index_shebei .swiper-slide img{display:block}
.index_shebei p{ background:#1e50ae; color: #ffffff; line-height:35px; }

.banner img{width: 100%}
.banner a{display: block;}
.banner_pc_container{overflow: hidden;position: relative;}
.banner_pc_container .swiper-button-next{right: 20px;}
.banner_pc_container .swiper-button-prev{left: 20px;}
.banner_mobile_container{display: none;overflow: hidden;position: relative;}

.mobile_nav_btn{right:20px;top:30px;position:absolute;width:35px;height:35px;display:none;background:url(../images/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}
.mobile_nav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.mobile_nav .close{padding:20px 40px;display:block}
.mobile_nav .close img{max-height:40px}
.mobile_nav ul{height:100%;overflow-y:scroll;margin:0px 10px}
.mobile_nav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.mobile_nav ul >li{ padding-left:10px;}
.mobile_nav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;-moz-border-radius:100%;border-radius:100%;font-style:inherit;cursor:pointer}
.mobile_nav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.mobile_nav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.mobile_nav ul li .menu>a{display:block;color:#333}
.mobile_nav ul li .menu02>a{color:#1b8fe2}
.mobile_nav ul li .menu03{display:block;padding:10px 0}
.mobile_nav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.mobile_nav ul li div{display:none;padding-bottom:15px}
.mobile_nav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.mobile_nav ul li div em{display:block;font-style:inherit}
.mobile_nav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.mobile_nav ul .active i:after{content:"-"}
.mobile_nav .search2{-moz-border-radius:28px;border-radius:28px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;position:relative;padding:10px}
.mobile_nav .search2 input{border:1px #efeff0 solid;-moz-border-radius:28px;border-radius:28px;line-height:28px;height:30px;position:relative;width:100%;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.mobile_nav .search2 input:focus{border-color:#000;}
.mobile_nav ul li div div{ padding-left:20px;}

.head_box{background:#ffffff;top: 0;left: 0;width: 100%;z-index: 20}
.header_center{ width: 100%;overflow: hidden;padding: 10px 0px 20px; }
/* nav */
.nav{height:60px;line-height:60px;background:#254b96;font-size:16px}
.w1440{width:1440px;margin:0 auto}
.nav .w1200{position:relative;height:60px;z-index:10}
.nav .m{float:left;width:200px;text-align:center}
.nav .m>a{color:#fff;display:block;position:relative;z-index:2;border-right:1px solid #2c64d5}
.nav .m>a:after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:#abaaa8;transition:all .4s;z-index:-1}
.nav .m:first-child{border-left:1px solid #2c64d5}
.nav .m>.cur,.nav .m>a:hover{background:#004cb2}
.nav .m>.cur:after,.nav .m>a:hover:after{width:100%}
.nav .navSub{position:absolute;left:0;right:0;top:60px;background:#fff;background:rgba(255,255,255,.95);border-radius:0 0 5px 5px;line-height:24px;overflow:hidden;display:none}
.fl{float: left;} .fr{float: right;}
.fix{ position:fixed; width:100%; top:0px;left: 0; z-index:9999;background:#ffffff;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);animation: slideInDown 0.3s ease-in-out;}
.head_box .logo{ float:left; }
.head_box .logo img{ display:block; width:100%;margin-top: 12px;}

.head_box .nav>li{float: left;position: relative;}
.head_box .nav>li.active>a{background: #1f51ae;color:#fff;}
.head_box .nav>li>a{line-height: 94px;display: block;}
.head_box .nav>li:hover>a{background: #1f51ae;color:#ffffff;}
.head_box .nav>li a{padding: 0 30px;color: #575757;white-space: nowrap;font-size: 18px;}
.head_box .nav>li:hover>ul{display: block;}
.head_box .nav>li>ul{left: 50%;transform: translateX(-50%);}
.head_box .nav>li ul{display: none;position: absolute;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.head_box .nav>li ul a{color: #555;line-height: 40px;}
.head_box .nav>li>ul>li{position: relative;}
.head_box .nav>li li:hover{background: #f2f2f2}
.head_box .nav>li li:hover>a{color: #333}
.head_box .nav>li>ul>li:hover ul{display: block;left: 100%;top: 0}

.banner{clear: both;overflow: hidden;}
.product{ overflow:hidden;}
.product ul li{ width:50%; float:left;background:#fff ;margin-bottom: 20px;}
.product .fl{ width:50%;}
.product .fl a{display: block;line-height: 0;}
.product .fl img {border: 0; max-width: 100%; max-height: 100%; }
.product .fr{ width:50%; background:#fff; padding:20px }
.product .fr h3{ color:#333; font-size:24px; position: relative; padding-bottom:20px;}
.product .fr h3:after{ content:"";background:#1e50ae; position:absolute; width:44px; height:1px; top:50px; left:0%; z-index:999}
.product .fr p{ line-height:24px;}
.product .fr p a{ color:#1047a9; font-size:14px;}
.index_about{ background:url(../images/bg.jpg) no-repeat;  background-size:cover; overflow:hidden; padding:80px 0; }
.about_txt{background-color:rgba(30,80,175,0.9); width:50%;  float:right; padding:5%;  text-align:left;}
.about_txt p{ color:#fff; line-height:30px; font-size:16px;}
.about_txt .section_title a,.about_txt .section_title a:link,.about_txt .section_title a:visited{ color:#fff; text-align:left;display: block;position:relative;}
.about_txt .section_title:after{ background:#fff; margin-left: 0;}
.more{ margin-top:30px;}
.more a{ display:inline-block; padding:15px 50px; color:#fff; background:#fff; color:rgba(30, 80, 174, 1);}
.tit{ text-align:center; position:relative; font-size:24px; color:#333; }
.tit:after{ content:"";background:#1e50ae; position:absolute; width:44px; height:2px; top:50px; left:50%; margin-left:-22px; z-index:999}
.footer_box{ background:#f4f4f4; padding:80px 0px;}
.f_container{ overflow:hidden;position: relative;}
.f_container img{float: right;}
.f_container ul li{ width:33.3%; float:left; color:#666; line-height:28px; font-size:14px;}
.f_container ul li h3{ font-size:20px; padding-bottom:5px;}
.copyright_box{ background:#1c1c1c;}
.c_container{ text-align:left; color:#666; line-height:42px;max-width: 1440px;margin: auto;}
.c_container a{color: #666;float: right;}

.l{float: left;}
.p-hide{display: none;}
.m-hide{display: block;}
.sub_banner{height: 300px; background-position: top center;background-size:cover;background-repeat: no-repeat}
.about_img{position: absolute;top: 0;left: 0;right: 50%;bottom: 0;background-repeat: no-repeat;background-position: left bottom;background-size: cover;}
.about_wrap{margin: 60px 0 30px 0;}
.about_wrap .about_box{margin: 60px 0 0 ;position: relative;}
.about_wrap .about_txt{margin-left: 50%;background: #1e50ae;color: #fff;padding:150px 50px}
.about_pic{margin-bottom: 50px;}
.about_pic .clear:after{content: "";display: block;clear: both}
.about_pic li{width: 23.5%;float: left;margin-right: 2%;margin-bottom: 30px;overflow: hidden;}
.about_pic li:nth-of-type(4n){margin-right: 0;}
.about_pic li img{width: 100%;transition: all 0.6s ease-in-out;}
.about_pic li:hover img{transform: scale(1.2);}
.contact_main dl{margin-bottom: 30px;}
.contact_main dt{font-size: 20px;font-weight: bold;}
.contact_main dd{font-size: 16px;line-height: 30px;}
.contact_main .contact_img{position: relative; background-repeat:no-repeat ;background-size: cover;background-position: center;color: #fff;text-align: center;height: 400px;}
.contact_main .contact_img div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 600px;width: 100%;padding: 0 20px}
.contact_main .contact_img h3{font-weight: normal;font-size: 40px;line-height: 40px;margin-bottom: 20px;}
.news_list_page{overflow: visible;}
.news_n_list li{border-bottom: 1px solid #eee;padding: 25px;width: 100%;transition: all 0.3s ease-in-out;}
.news_n_list li:hover {background: #fff;-webkit-box-shadow: 0px 0px 10px #ededed;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
.news_n_list .imgs img{transition: all 1s ease-in-out;width: 100%}
.news_n_list li:hover img{transform: scale(1.2);}
.news_n_list .imgs{margin-right:30px;line-height: 0;float: left;overflow: hidden;width: 30%;}
.news_n_list  a{display: block;}
.news_n_list .news_txt h4{font-size: 18px;font-weight:bold;padding: 15px 0;color: #333;}
.news_n_list li:hover h4{color: #1e50ae;}
.news_n_list .news_txt span{float: right;color: #999;font-size: 14px;}
.news_n_list .news_txt p{font-size: 14px;line-height: 28px;color: #666;}
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;}
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:14px; display:inline-block; color:#333; margin-bottom:10px; }
.page-num-current{background:#1e50ae;color:#fff !important;border:#1e50ae 1px solid !important;}
.yema a:hover{  background:#1e50ae; margin:0 2px; color:#fff; text-decoration:none; }
a.yema_on{color:#fff !important; border:#1e50ae 1px solid !important; background:#1e50ae;}
a.yema_on:hover{color:#fff !important; border:#1e50ae 1px solid !important; }
a.ok{color:#fff !important; border:#1e50ae 1px solid !important; background:#1e50ae;}
a.ok:hover{color:#fff !important; border:#1e50ae 1px solid !important; }
.o_big{ overflow:hidden;}
.o_big img{ width:100%;}
.news_detail .about_x .show_t{font-size: 24px;font-weight: normal;line-height: 28px;}
.news_detail .about_x .con_line{border-bottom: 1px solid #eee;padding: 20px 0;margin-bottom: 20px;color: #999;}
.news_detail .about_x .con_id{line-height: 28px;}
.news_detail .about_x .con_id img{max-width: 100%;max-height:auto;}
.news_detail .about_x .prenext{border-top: 1px solid #eee;padding: 20px 0;}
.products .section_container{overflow: visible;}
.product_ul{ text-align:center;width:100%; margin:0 auto; margin-top:2%;}
.product_ul .pro_classes{font-size: 18px;display:none;border: 1px solid #1e50ae;background: #1e50ae;color: #fff;height: 40px;line-height: 40px;text-align: center;width: 200px;margin: 0 auto 30px auto;}
.product_ul ul li{ width:23.5%; float:left; margin-bottom:20px;margin-right: 2%;border: 1px solid #f2f2f2}
.product_ul ul li:nth-of-type(4n){margin-right: 0;}
.product_ul ul li:hover{background: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);}
.product_ul ul li img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li a{ display: block;}
.product_ul ul li a .imgs{ position:relative; width:100%; overflow:hidden;line-height: 0;}
.product_ul ul li a h2{  font-weight:normal; color:#333; font-size:14px; line-height:22px; overflow:hidden; padding: 15px 20px}
.product_ul ul li a:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.product_ul ul li a:hover h2{ color:#fff;background: #1e50ae}
.pro_show_ul{ width:100%; padding:50px 0 20px;}
.pro_detail{margin-bottom: 30px;}
.pro_detail .pro_info{background:#1e50ae ;color: #fff;padding: 93px 50px;transition: all 0.3s ease-in-out;}
.pro_detail .pro_info:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);transform: translateY(-10px);}
.pro_detail h1{font-size: 30px;line-height: 30px;margin-bottom: 20px;font-weight: normal;}
.pro_detail .pro_sub_title{font-size: 18px;margin-bottom: 20px;}
.pro_detail .pro_des{margin: 20px 0 0;padding-top: 20px;border-top: 1px solid #f2f2f2}
.pro_detail a{ color:#333; }
.pro_detail .pro_img_box{width: 43%;float: left;}
.pro_detail .pro_txt_box {float: right;width: 55%;}
.pro_detail .imgs{ width:100%;margin-bottom: 20px;}
.pro_detail .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.pro_tedian h3{background: #f2f2f2;color: #fff;margin-top: 30px;font-weight: normal;line-height: 0;}
.pro_tedian h3 span{background: #1e50ae;display: inline-block;height: 50px;line-height: 50px;font-size: 16px;min-width: 160px;text-align: center;padding: 0 20px}
.pro_tedian_detail{padding: 20px;}
.pro_tedian_detail img{max-width: 100%;}

.pro_tedian_detail p:last-child{border: 0}
.pro_tedian_detail p span{margin-right: 20px;}
.pro_detail a:hover .imgs img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.pro_next_prev {margin-bottom: 20px;}
.pro_next_prev a{padding: 5px 15px;border: 1px solid #eee;text-align: center;margin-right: 10px;}
.pro_next_prev a:hover{background: #1e50ae;color: #fff;}
.pro_detail_tab {margin-bottom: 30px;}
.pro_detail_tab .jieshao{background: #f2f2f2;line-height: 0;overflow: hidden;}
.pro_detail_tab .jieshao .detail_tab{background: #ddd;display: inline-block;float: left; text-align: center; min-width: 160px; box-sizing: border-box; font-size: 16px; line-height: 50px;height: 50px; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; -webkit-tap-highlight-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 20px; color: #555; } 
.pro_detail_tab .jieshao .detail_tab.active{background: #1e50ae;color: #fff}
.pro_detail_tab .con_id{line-height: 30px;font-size: 14px;}
.pro_detail_tab .con_id .con_d{display: none;}
.pro_detail_tab .con_id .active{display: block;}
.pro_detail_tab .con_id img{max-width: 100%;}
#allmap{width:100%;height:365px;}
.contact_info{margin-bottom: 20px;border: 1px solid #f2f2f2;}
.contact_info strong{font-size: 22px;font-weight: normal;line-height: 22px;}
.contact_info li{width: 32%;margin-right: 2%;border-right:1px solid #f2f2f2 ;float: left;padding:30px 20px}
.contact_info li:nth-of-type(3n){margin-right: 0;border-right: 0}
.pagination li{display: inline-block;cursor: pointer;}
.pagination li.active a{background: #1e50ae;border: #1e50ae 1px solid !important;color: #fff}
.main_container {max-width: 1440px; margin-left: auto; margin-right: auto;}

.amap-adcontent-body{padding: 15px 30px;background:#ffffff;color: #fff;}
.bottom-center .amap-info-sharp{border-top-color: #ffffff;}
.amap-adcontent-body img{max-width: 168px!important;}

@media screen and (max-width: 1440px){
    .head_box .main_container,.section_container,.footer_box,.copyright_box,.about_wrap,.about_pic{padding-left:20px;padding-right: 20px;}
}

@media screen and (max-width:1200px) {  
    .head_box .nav{ display:none;}
    .mobile_nav_btn{ display:block;}
    .banner_pc_container{display: none;}
    .banner_mobile_container{display: block;}
    .pro_detail .pro_txt_box{float: none;width: auto;}
    .pro_detail .pro_tedian{clear: both;}
    .pro_detail .pro_info{margin-left: 45%;}
    .about_txt{width: 100%;padding: 80px 20px}
    .index_about{padding: 0;}
    .about_img{right:0 }
    .about_wrap .about_txt{background:rgba(30,80,175,0.9);}
}

@media screen and (max-width:960px) {
    .index_product_box .pro_data div a{width: 49%;}
    .index_product_box .pro_data div a:nth-of-type(3n){margin-right: 2%;}
    .index_product_box .pro_data div a:nth-of-type(2n){margin-right: 0;}
    .f_container ul li{width: 100%;float: none;}
    .f_container img{position: absolute;right: 0px;top: 0;float: none;}
    .product_ul ul li{width: 32%;}
    .product_ul ul li:nth-of-type(4n){margin-right: 2%;}
    .product_ul ul li:nth-of-type(3n){margin-right: 0;}    
}
@media screen and (max-width:720px) {
    .index_product_box ul{width: 100%;overflow: hidden;margin-bottom: 20px;float: none; border: none;}
    .index_product_box ul li{width: 33.33%;float: left;border: 1px solid #f2f2f2;padding: 15px;}
    .header_top{display: none;}
    .header_center .mail{display: none;}
    .head_box .logo {width: 85%}
    .index_product_box .pro_data{float: none;width: 100%}
    .index_product_box .pro_data div{padding-left:0 ;}
    .index_product_box .pro_data a h3{font-size: 14px;}
    .index_news li{width: 49%}
    .index_news li:nth-of-type(4n){margin-right: 2%;}
    .index_news li:nth-of-type(2n){margin-right: 0;}
    .about_pic li{width: 49%}
    .about_pic li:nth-of-type(4n){margin-right: 2%;}
    .about_pic li:nth-of-type(2n){margin-right: 0;}
    .section_container{padding-top:60px;padding-bottom: 60px;}
}
@media screen and (max-width:640px) {
    .index_product_box ul li{width:33%;text-align: center;}
    .index_product_box ul li:nth-child(2){border-right: none;border-left: none;}
    .index_product_box ul li:last-child{border-bottom:1px solid #f2f2f2;}
    .product_ul ul li{width: 49%;}
    .product_ul ul li:nth-of-type(3n){margin-right: 2%;}
    .product_ul ul li:nth-of-type(2n){margin-right: 0;} 
    .pro_detail .pro_img_box{width: 100%;float: none;} 
    .pro_detail .pro_info{margin-left: 0;}
    .pagination li.first,.pagination li.last{display: none;}
    .contact_info li{width: 100%;border-bottom: 1px solid #f2f2f2;border-right: 0;}
}
@media screen and (max-width:512px) {
    .f_container img{position:relative;right: auto;margin-top: 20px; }
    .c_container a{display: block;text-align: left;float: none;}
    .pro_detail h1{font-size: 24px;}
    .pro_detail .pro_info{padding: 20px 30px}
    .pro_detail .pro_sub_title{font-size: 16px;}
    .news_n_list .imgs{margin-right: 0;float: none;width: 100%}
    .contact_main .contact_img h3{font-size: 32px;}
    .pro_detail_tab .jieshao .detail_tab span{display: none;}
}
@media screen and (max-width:414px) {
    .index_news li p{display: none;}
    .index_news li h3{font-size: 14px;}
    .about_pic li{width: 100%;margin-right: 0;}
    .pro_detail_tab .jieshao .detail_tab{min-width: 130px;}
}