@charset "utf-8";
/* CSS Document */
*{color:#333;font-size: 14px;}
body{font-family:微软雅黑;margin:0;overflow-x:hidden;background: #fff;}
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;}
h1{font-size: 30px}
/*p{line-height: 30px;}*/
i,em{font-style:normal;}
a{text-decoration:none;color:#333;border:0;}
a:link{text-decoration:none;color:#333;}
a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#333;}
a:active{text-decoration:none;color:#333;}
.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;}
.container{margin: 0;padding: 0;border: 0;}
.box-main{width: 1260px;margin:0 auto;max-width: 97%;}


.carousel {
    position: relative;
    overflow: hidden;
}
.nav{background: #0191db;}
.nav-main{display: flex;align-items: center;line-height:85px;}
.nav-main>a{font-size:32px;color:#fff;font-weight:bold;}
.nav-main ul{display: flex;justify-content: space-between;margin-left:45px;width:65%;}
.nav-main li{width:12%;position: relative;text-align: center;}
.nav-main li a{font-size:16px;color:#fff;}
.nav-main li .nav-fl{line-height:25px;background: url("../images/nav-back.png") no-repeat;background-size: 100% 100%;position: absolute;width:100%;top:-106px;padding:28px 0;text-align: center;left:0;z-index: 999;}
.nav-main li .nav-fl span{color:#fff;display: block;}
.nav-main li .nav-fl-pos{top:0;}
.nav-main li:hover .nav-fl{top:0;}

.page-banner img{width:100%;}

/*xiangmu*/
.xiangmu{margin:40px 0;}
.iBt{text-align: center;}
.iBt p{color:#040203;font-size:35px;}
.iBt span{width:70px;height:3px;background: #040302;display: block;margin:3px auto 0;}
.xiangmu-box{text-align: center;}
.xiangmu-box img{border:1px solid #ddd;}
.xiangmu-box p{font-size:15px;margin-top:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.xiangmu-zong{margin-top:40px;}
.swiper-container{overflow: hidden;}

a.iMore{display: block;margin:40px auto 0;background: #666;color:#fff;font-size:16px;text-align: center;width:22%;line-height:55px;}

/*about*/
.about{background: url("../images/about-back.jpg") no-repeat;background-size:100% 100%;padding:123px 0 260px;}
.about-content{text-align: center;line-height:30px;margin:40px 0 80px;}
.more-lan{background: #0178bc!important;}

/*qiye*/
.qiye{margin:40px 0 40px;}
.qiye-bottom{display: flex;justify-content: space-between;margin-top:40px;}
.qiye-box{width:32%;}
.qiye-box img{width:100%;}
.qiye-text{background: #0178bc;padding:20px;}
.qiye-text a{font-size:16px;color:#fff;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.qiye-text p{line-height:30px;color:#fff;margin-top:8px;}

/*adv*/
.adv{background: #f0f0f0;padding:40px 0;}
.adv-bt{width:27%;margin:0 auto;text-align: center;}
.adv-bt p:nth-child(1){background: url("../images/adv-bt-back.png") no-repeat;background-size: 100% 100%;font-size:35px;color:#fff;padding:10px 0 30px;line-height:35px;width:80%;margin:0 auto;}
.stars span{display: inline-block;width:16px;height:13px;background: url("../images/start_03.png") no-repeat;margin-right:2px;}
.adv-bt p:nth-child(2){margin:15px 0 5px;}
.stars {margin-top:5px;}
.adv-bottom{display: flex;align-items: center;margin-top:40px;}
.adv-left{width:46%;}
.adv-left img{width:100%;}
.adv-right{width:54%;}
.adv-box{background: #0178bc;padding:15px;padding-left:60px;margin-bottom:30px;position: relative;}
.adv-box p{line-height:30px;color:#fff;}
.adv-box:last-child{margin:0;}
.adv-box a{width:86px;height:86px;background: #0178bc;border:3px solid #fff;border-radius: 50%;text-align: center;font-size:18px;line-height:80px;display: block;color:#fff;position:absolute;left:-43px;box-shadow: 3px 5px 5px rgba(0,0,0,0.5);top:0;}

/*news*/
.news{margin:40px 0;}
.news-bottom{display: flex;justify-content: space-between;margin-top:50px;}
.news-left{width:41%;}
.news-left img{width:100%;border:1px solid #ddd;margin-bottom:15px;}
.news-left a{font-size:16px;font-weight:bold;padding-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.news-left span{color:#666;display: block;margin:10px 0;padding-left:5px;}
.news-left p{color:#666;line-height:30px;padding-left:5px;}
.news-right{width:56%;}
.news-box{display: flex;align-items: center;border-bottom:1px solid #ddd;}
.news-box>p{color:#0178bc;font-size:72px;}
.news-text{margin-left:35px;padding:22px 0;width:83%;}
.news-text p:nth-child(1){display: flex;justify-content: space-between;}
.news-text p:nth-child(1) a{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:70%;}
.news-text p:nth-child(1) span{color:#666;}
.news-text p:nth-child(2){color:#666;line-height:25px;margin-top:12px;}
.news-text p:nth-child(2) a{float: right;}

/*footer*/
.footer{background: #666;padding:35px 0;}
.footer-main{display: flex;justify-content: space-between;align-items: center;padding:0 35px;}
.footer-left p{color:#fff;line-height:30px;}
.footer-right img:nth-child(1){margin-right:30px;}
.friends{background: #333;}
.friends-main p{color:#fff;font-size:18px;line-height:65px;}
.friends-main p a{color:#fff;}

/*page*/
.page{margin-top:30px;}
.page-main{display: flex;justify-content: space-between;}
.page-left{width:22%;}
.page-left p a{ font-size:16px;}
.page-left>p:nth-child(1){background: #00479d;color:#fff;font-size:28px;font-weight:bold;text-align: center;line-height:100px;}
.page-left p:nth-child(1):hover{background: #00479d;}
.page-left{background: url("../images/page-left-back_03.jpg");background-size: 100% 100%;}
.page-left p{border-bottom:1px solid #fff;line-height:62px;text-align: center;}
.page-left p span{display: inline-block;width:6px;height:9px;background: url("../images/page-sanjiao-hei_03.png") no-repeat;margin-left:25px;}
.page-left .pageLeftFl p:hover{background: #0191db;}
.page-left p:hover span{background-image: url("../images/page-sanjiao-bai_03.png");}
.page-left p:hover a{color:#fff;}
.page-right{width:76%;}
.page-home{display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #00479d;padding-right:15px;}
.page-home span{font-size:20px;font-weight:bold;color:#fff;background: #00479d;line-height:52px;padding:0 35px;display: inline-block;}
.page-home p{background: url("../images/home-tb_03.jpg") no-repeat left center;padding-left:22px;}

.newslist-box{padding:20px 15px;border-bottom:1px dashed #999;}
.newslist-box p:nth-child(1){display: flex;justify-content: space-between;background: url("../images/newslist-fangkuai_03.jpg") no-repeat left center;padding-left:15px;}
.newslist-box p:nth-child(1) a{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:75%;}
.newslist-box p:nth-child(1) span{font-size:18px;color:#666;}
.newslist-box p:nth-child(2){color:#666;line-height:23px;margin:15px 0 22px 0;}
.newslist-box>a{background: #0191db;font-size:16px;color:#fff;line-height:42px;display: inline-block;padding:0 40px;}
.newslist-box:hover{background: #e9f1f8;}
.pNews-bt{margin-top: 20px;text-align: center;}
.pNews-bt p:nth-child(1){font-size:16px;font-weight:bold;margin-bottom:15px;}
.pNews-bt p:nth-child(2){background: #f7f7f7;line-height:45px;border:1px solid #e8e8e8;}
.pNews-bt p:nth-child(2) span:nth-child(1){margin-right:30px;}
.pNews-content{line-height:30px;padding:15px 15px 30px 15px;}
.pNews-content img {display: block;max-width: 100%;margin: 10px auto;border: 1px #ccc solid;}
.aboutCont img{border:0!important;/*margin:10px 0!important;*/}

.page-next{margin:30px 15px 30px 15px;}
.page-next p{background: url("../images/prev_51.jpg") no-repeat left center;padding-left:20px;line-height:30px;}
.productlist{padding:0 15px;display: flex;flex-wrap:wrap;margin-top:15px;}
.productlist-box{width:32%;text-align: center;margin-right:1.5%;}
.productlist-box:nth-child(3),.productlist-box:nth-child(6),.productlist-box:nth-child(9){margin-right:0;}
.productlist-box img{width:100%;border:1px solid #ddd;}
.productlist-box p{line-height:60px;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.product{margin-top:20px;margin-bottom:30px;}
.pro_t_right{width:59%;margin-left:20px;}
.product-right{border:0;}
#magnifier{
    /*position:absolute;*/
    font-size:0;
    border:1px solid #000;
}
#Browser{
    border:1px solid #000;
    z-index:999;
    position:absolute;
    background:#555;
}
#mag{
    border:1px solid #000;
    overflow:hidden;
    z-index:999;
}
.product_top{display: flex;justify-content: space-between;padding-bottom:0;position: relative;}
.pro_t_left{width:480px;position: relative;height:440px;}
.pro_t_left .swiper-container{width:100%;height:340px;margin-left:auto;margin-right:auto;}
.swiper-slide{background-size: 100% 100%;}
.pro_t_left .hei_65{height:65px;margin-top:10px;}
.gallery-thumbs .swiper-slide{width:25%;height:100%;opacity: 1;border:1px solid #ddd;}
.gallery-thumbs .swiper-slide-thumb-active{opacity: 1;border:2px solid #a81511;}

.pro-t-r-t1{font-size:16px;font-weight:bold;margin-top:20px;}
.pro-t-r-t2{color:#d21116;font-size:30px;display: flex;align-items: center;line-height:70px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;margin:15px 0 25px;}
.pro-t-r-t2 span{color:#666;}
.product-content span{font-size:16px;}
.product-content p{color:#666;line-height:30px;margin-top:20px;}
.product-bottom>p{background: #e1e1e1;line-height:46px;}
.product-bottom>p span{background: #0191db;color:#fff;font-size:18px;font-weight:bold;display: inline-block;padding:0 28px; line-height:46px;}
.product-text{line-height:30px;padding:0 15px;margin-top:15px;}
.product-page p{background: url("../images/prev_51.jpg") no-repeat left center;padding-left:20px;line-height:35px;}
.product-page p:nth-child(2){background-image: url("../images/next_54.jpg");}
.product-page{margin-top:50px;padding-left:20px;}

.index_head{width:100%;background:#0178bc;font-size:20px;color:#fff;text-align: center;line-height:50px;position: fixed;top:0;z-index: 999;display: none;}
.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: #666;text-align:center;border-top:1px solid #fff;}
.index_hrad_xl li a{font-size:16px;line-height:45px;color:#fff;}

.index_foot{width:100%;background:#0178bc;padding:10px 0;position: fixed;bottom:0;z-index: 999;display: none;}
.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;}

.p-xiangmu{display: none;}

/*分页样式*/
.pglist {
    padding: 20px 10px 30px 10px;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 14px;
    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: 30px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #0178bc;
    border-color: #0178bc;
}
#myCarousel .carousel-inner .item a{height:782px;display: block;}
.page-banner a{display: block;height: 282px;}

.pageLeftErji{padding:0 20px;display: none;}
.pageLeftErji a{display: block;text-align: center;line-height: 45px;border-bottom:1px solid #fff;}

.pageLeftErji a:hover{color:#0191db;}
.block{display: block!important;}


/*产品分类*/
.pro_list{display: none;margin-top:15px;width:100%;margin-bottom:20px;}
.cpfl{width:100%;background: #2b2b2b;padding:10px;justify-content: space-between;display:flex;}
.cpfl p{font-size:16px;color:#fff;}
/*产品分类*/
.ipad_prolist{width:100%;}
.ipad_prolist_main{margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#0191db;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:15px;color:#fff;}






