@charset "utf-8";
/* CSS Document */
*{color:#000;font-family: 微软雅黑;}
body{font-size:15px;background:#fff;margin:0;overflow-x:hidden;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{margin:0;padding:0;}
a,img{border:none;/*兼容ie浏览器*/}
img{vertical-align:middle;border:0;}
li{list-style:none;}
i,em{font-style:normal;}
a{text-decoration:none;border:0;}
a:link{text-decoration:none;color:#000000;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;color:#000000;}
a:active{text-decoration:none;color:#000000;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear: both;height: 0;line-height: 0;border: none;}
.row{margin-right: 0;}
li{margin-top: 0;}
p{line-height: 25px;}
h1{font-size: 20px;}
h2,h3,h4,h5,h6{font-weight: normal;font-size: 18px;}
.container{margin: 0;padding: 0;border: 0;}

.index_head{width:100%;background:#395e97;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;}
.index_btn{background:url("../images/index_threelines_03.png") no-repeat;width: 25px;height: 20px;display: block;background-size:contain;position: absolute;right:10px;top:14px;}
.index_hrad_xl{width:100%;z-index: 999;position: absolute;top:50px;}
.index_hrad_xl li{width:100%;background: #fda000;text-align:center;border-top:1px solid #fff;}
.index_hrad_xl li a{font-size:16px;line-height:45px;}

.box1{width:100%;padding:0 10px;display: flex;justify-content: center;flex-wrap:wrap;text-align: center;margin:20px 0;}
.box1 a{width:24%;display: block;background: #395e97;text-align: center;margin-right:1%;height:94px;border-radius: 50%;padding:25px 15px 0;font-size:16px;font-weight:bold;letter-spacing: 1px;margin-top:10px;color:#fff;}

.box2{width:100%;padding:0 10px;margin-top:30px;}
.box2_b{width:32%;position: relative;}
.box2_b img{width:100%;}
.box2_b h2{background: #fda000;color:#fff;width:90px;height:90px;border-radius: 50%;font-size:25px;font-weight:bold;padding:20px 20px;position: absolute;bottom:-65px;left:15%;}
.box2_bottom{display: flex;justify-content: space-between;width:100%;margin-top:20px;margin-bottom:100px;}
.box2_top{text-align: center;}
.box2_top h2{font-size:25px;font-weight:bold;color:#333;}
.box2_top p{color:#333;margin-top:5px;}

.box3{width:100%;padding:0 10px;}
.box3_top{text-align: center;}
.box3_top h3{background: #395e97;color:#fff;display: inline-block;padding:2px 10px;font-size:15px;border-radius: 10px;}
.box3_top h2{font-size:25px;font-weight:bold;margin:10px 0 5px;}
.box3 ul{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;}
.box3 li{width:49%;text-align: center;margin-top:15px;}
.box3 li img{width:100%;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.box3 li p{width:100%;background: #395e97;color:#fff;line-height:35px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}

.box4{width:100%;padding:0 10px;margin-top:30px ;margin-bottom:20px;}
.box4 h2{font-size:25px;font-weight:bold;text-align: center;}
.box4_p{width:100%;display: flex;justify-content: space-between;margin-top:20px;}
.box4_p img{width:23%;}

.box5{width:100%;}
.box5_top{width:100%;background: #395e97;text-align: center;padding:15px 0;margin-bottom:30px;}
.box5_top h2{font-size:25px;font-weight:bold;color:#fff;}
.box5_top h2 span{color:#fff100;}
.box5_top h3{width:10%;border-bottom:4px solid #fff;margin:8px auto;}
.box5_top p{color:#fff;}
.box5_b1{width:100%;padding:0 10px;display: flex;justify-content: space-between;}
.b5_b1_left{width:49%;}
.b5_b1_left img{width:100%;border: 1px solid #eee;}
.b5_b1_t h2{font-size:18px;text-align: center;margin:40px 0 7px;}
.b5_b1_t h3{width:45%;border-bottom:10px solid #395e97;margin:0 auto;}
.b5_b1_t{margin-bottom:40px;}
.box5_b2{width:100%;padding:0 10px;display: flex;justify-content: space-between;align-items: center;margin-top:10px;}
.box5_b2 img{width:49%;border: 1px solid #eee;}
.b5_b2_t{width:49%;text-align: center;}
.b5_b2_t h2{font-size:18px;text-align: center;margin:40px 0 7px;}
.b5_b2_t h3{width:45%;border-bottom:10px solid #395e97;margin:0 auto;}

.box6{width:100%;padding:40px 10px;background:url("../images/box6_back_03.png") no-repeat;background-size: 100% 100%;margin-top:25px;}
.box6_top{width:100%;text-align: center;}
.box6_top h2{font-size:25px;font-weight:bold;color:#fff;}
.box6_top h2 span{color:#fff100;}
.box6_top h3{font-size:17px;color:#fff;margin-top:10px;}
.box6_top h1{width:10%;margin:20px auto;border-bottom:5px solid #fff;}
.box6_text{color:#fff;line-height:30px;}

.box7{width:100%;margin-top:15px;}
.box7_top{background: #395e97;text-align: center;padding:20px 0;margin-bottom:25px;}
.box7_top h2{font-size:25px;color:#fff;font-weight:bold;}
.box7_top h2 span{color:#fff100;}
.box7_top h3{width:10%;margin:10px auto;border-bottom:5px solid #fff;}
.box7_top h1{color:#fff;font-size:17px;}
.box7_prev{top:40%;opacity: 1;left:10px;}
.box7_next{top:40%;opacity: 1;right:10px;}
#myCarousela .carousel-control{opacity: 1;width:auto;}
#myCarouselb .carousel-control{opacity: 1;width:auto;}
.mar-35{margin-top:35px;}

.box8{width:100%;background: url("../images/box9_back_17.jpg") no-repeat;background-size:100% 100%;padding:80px 0 140px 40px;}
.box8_top h2{font-size:25px;color:#333;font-weight:bold;}
.box8_top h2 span{color:#395e97;}
.box8_top h3{font-size:17px;margin-top:10px;}
.lx{margin-top:60px;}
.lx p{margin-top:10px;line-height: 28px;}
.lx p span{display: inline-block;background: #395e97;color:#fff;padding:0 5px 0 8px;margin-right:8px;}




.index_foot{width:100%;background:#395e97;padding:10px 0;position: fixed;bottom:0;z-index: 999;}
.index_foot ul{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
.index_foot li{width:25%;text-align: center;}
.index_foot li p{font-size:16px;color:#fff;margin-top:5px;}
.index_foot li img{width:30px;}



.page_head{width:100%;background:#395e97;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;}
.page_home{position: absolute;left:10px;top:10px;}
.page{width:100%;padding:0 10px;}
.newslist{width:100%;padding:10px 0 25px;}
.newslist_b{width:100%;}
.newslist .newslist_b li{text-align:left;border-radius:8px;padding:20px 10px 15px 30px;box-shadow:1px 2px 5px #868686;margin-top:15px;}
.newslist .newslist_b li a{color:#000;font-size:16px;}
.newslist .newslist_b li h2{width:5px;height:20px;background: #395e97;margin:5px 0;}
.newslist_text{color:#424343;line-height: 25px}

.productlist{width:100%;padding:10px 0 20px;}
.productlist .productlist_box{width:100%;display:flex;justify-content: space-between;flex-wrap:wrap;}
.productlist  .productlist_box li{width:49%;;margin-top:10px;}
.productlist .productlist_box li img{width:100%;border:1px solid #8f8f8f
}
.productlist .productlist_box li p{text-align: center;color:#333;}

.news{width:100%;margin-top:10px;}
.news_top{text-align:center;margin-top:15px;border-bottom:1px solid #c3c3c3;padding-bottom:5px;}
.news_top p{font-size:17px;}
.news_top span{display:block;color:#666;}
.news_text{line-height:25px;color:#666;margin-top:15px;border-bottom:1px solid #c3c3c3;padding-bottom:15px;}
.page_next{margin-top:20px;}
.page_next p{color:#333;}

.product_img{width:100%;margin-top:15px;}
.product_img img{width:90%;margin:0 auto;display: block;}

.about{width:100%;margin-top:15px;}
.about h1{text-align:center;margin-bottom:15px;border-bottom:1px solid #c3c3c3;padding-bottom:8px;font-size:18px;}
.about_text{line-height: 25px;color:#666;}
.about_text img{max-width: 100%;}


.pro_list{position: relative;}
.cpfl{width:100%;background: #2b2b2b;padding:10px;justify-content: space-between;display:flex;}
.cpfl p{font-size:16px;color:#fff;}

/*产品分类*/
.ipad_prolist{width:100%;z-index: 888;}
.ipad_prolist_main{margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#fda000;padding-bottom:10px ;}
.ipad_prolist_main li{padding: 10px ;border-bottom:1px solid #fff;}
.ipad_prolist_main li img{width:12px;float: right;}
.ipad_prolist_main li a{font-size:17px;color:#fff;}



/*分页样式*/
.pglist {
    padding:20px 0 0 0;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 10px;
    margin: 0 3px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pglist * {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    line-height: 25px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #395e97;
    border-color: #395e97;
}

/*#myCarousel .item a{height:150px;background-size: cover!important;display: block;}*/
.box2_b img{border:1px solid #eee;}

.p-footer{margin-top:10px;}
.p-footer p{text-align: center;line-height:25px;}


.proInfo{width:100% !important;}
.proPic{width:100%;margin:10px 0;}
.proPic img{width:100%;border:1px solid #eee;}
.proCanshu{width:100%;}
.proCanshu>p{font-size:16px;font-weight:bold;}

.proTable{width:100%;margin-top:20px;}
.proTableBt{display: flex;}
.proTableBt p{width:34%;border:1px solid #eee;text-align: center;line-height: 60px;}
.proTableBt p span{display: block;line-height: 30px;}
.proTableBt p span:nth-child(1){border-bottom:1px solid #eee;}
.proTableCanshu p{line-height: 40px;}
.proCont{line-height: 30px;margin-top:20px;}

.proTablebeizhu p:nth-child(1){width:23.2%;}
.proTablebeizhu p:nth-child(2){width:76.8%;}
.lin40 p{line-height: 40px!important;}

.proTableBt p:nth-child(1){width:23%;}
.proTableBt p:nth-child(3){width:42.8%;}

.hot{width:100%;padding:0 10px;}
.hot_box{width:100%;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #e8e8e8;padding-bottom:20px;margin-top:20px;}
.hot_box_left{width:78%;}
.hot_box_left a{background: url("../images/wenti_03.jpg") no-repeat left center;padding-left:10px;font-size:17px;}
.hot_box_left a img{margin-left:10px;}
.hot_box_left p{color:#333;line-height: 20px;margin-top:8px;padding-left:10px;}
.hot_box_right{width:20%;}
.hot_box_right a{background: #395e97;width:100%;display: block;text-align: center;border-radius: 20px;line-height: 25px;color:#fff;}

.tuijian>p{color:#fff;background-color: #395e97;text-align: center;line-height: 35px;}
.newslist .newslist_b li a span{color:#666;float: right;font-size:14px;}


.pNavFl{padding-top:5px;}
.pNavFl a{display: block;padding-left:10px;border-top:1px solid #eeeeee;line-height: 35px;font-size:16px!important;}

.firstFl{display: flex;justify-content: space-between;flex-wrap:wrap;}
.firstFl a{line-height: 35px;display: inline-block;width:49%;background: #eee;margin-top:5px;padding-left:10px;}