@font-face {
    font-family: MyFontName;
    src: url(Gloss_And_Bloom.ttf)
}

body { margin:0; padding:0; font-size: 14px; background:#fff; color:#333;font-family:"Arial, Helvetica, sans-serif,MyFontName";  width:100%; height:100%; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
a { text-decoration:none; cursor: pointer;}
a:hover { text-decoration:none; }
img { border:0; }
form, button, input, textarea { margin: 0; padding: 0; }
button, input, select, textarea { font-size:100%; vertical-align:middle; } 
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear:both; }
 
.header{width:100%;position: relative;z-index: 999;
    height:78px;
    background-color:white);
 }
.top{width: 1200px;margin: auto;}
.top .logo{float: left;width: 174px;height: 48px;margin-left: 0;margin-top: 15px;}
.top .phone{float: right;width: 152px;height: 32px;margin-top: 23px;}
.top ul{float: left;margin-left:120px;width:730px;}
.top ul li{float: left;line-height: 78px;margin-left: 30px;}
.top ul li a{font-size: 16px;color:black;}


.banner{width: 100%;}
.banner img{width: 100%}

.position{width: 1200px;margin:30px auto;
    height:54px;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);
    }
.position p{font-size:12px;    text-indent: 40px;
    font-family:MicrosoftYaHei;
    color:rgba(102,102,102,1);}
    .position p a{color: #666666;margin: 10px;}
    .position p a:last-child{color: #FF962F}
    .position img{position: relative;top: 20px;width: 12px;left: 25px;}
.content{width: 1200px;margin: 10px auto;}
.content .cate {width: 1200px;height: 46px;}
.content .cate .one_cate{width: 220px;height: 46px;float: left;margin-left: 25px;background: #F5F5F5;position: relative;}
.content .cate .one_cate:nth-child(4) .one_body{left: -185px; }

.content .cate .one_cate:nth-child(5) .one_body{left: -430px; }
.content .cate .one_cate:nth-child(1){margin-left: 0;}
.content .cate .one_cate h3{color: #2B4FA1;font-size: 16px;font-weight: 500;line-height: 46px;text-align: center;}
.content .cate .one_cate .sanjiao{border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2B4FA1;
    position: relative;

    left: 165px;
    top: -17px;}
.content .cate .one_cate .one_body{width:650px;
   position: absolute;display: none;z-index: 999;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);
    border:1px solid rgba(43,79,161,1);
    }
    .x{ width:180px; position:relative; background:#fff;  border:1px solid #ccc; padding:10px; left:-4px; top:-4px;}/*内容div*/
 
    .y , .z{
     
    position: absolute;
     
    left: 80px;
     
    }
     
    .y{
     
        color: #2B4FA1;
        font-size: 19px;
        top: -14px;
        z-index: 1;
     
    z-index:1;
     
    }/*模拟小三角*/
     
    .z{
     
        color: #fff;
        font-size: 19px;
        top: -12px;
        z-index: 3;
     
    }
    .content .cate .one_cate:nth-last-child(2) .one_body .x{ width:180px; position:relative; background:#fff;  border:1px solid #ccc; padding:10px; left:-4px; top:-4px;}/*内容div*/
    /* .content .cate .one_cate:nth-last-child(2) .one_body .y , .z{
     
        position: absolute;
         
        left: 300px;
         
        } */
        .content .cate .one_cate:nth-child(2) .one_body .y{
     
            color: #2B4FA1;
            font-size: 19px;
            top: -14px;
            z-index: 1;
            
            left:100px;
         
        }/*模拟小三角*/
        .content .cate .one_cate:nth-child(2) .one_body .z{
             
            left: 100px;
            color: #fff;
            font-size: 19px;
            top: -12px;
            z-index: 3;
         
        }    
        .content .cate .one_cate:nth-child(3) .one_body .y{
     
            color: #2B4FA1;
            font-size: 19px;
            top: -14px;
            z-index: 1;
            
            left:100px;
         
        }/*模拟小三角*/
        .content .cate .one_cate:nth-child(3) .one_body .z{
             
            left: 100px;
            color: #fff;
            font-size: 19px;
            top: -12px;
            z-index: 3;
         
        }    
        .content .cate .one_cate:nth-child(4) .one_body .y{
         
            color: #2B4FA1;
            font-size: 19px;
            top: -14px;
            z-index: 1;
            left:290px;
         
        }/*模拟小三角*/
        .content .cate .one_cate:nth-child(4) .one_body .z{
     
            color: #fff;
            font-size: 19px;
            top: -12px;
            z-index: 3;
            left:290px;
           
        }  
        .content .cate .one_cate:nth-child(5) .one_body .x{ width:180px; position:relative; background:#fff;  border:1px solid #ccc; padding:10px; left:-4px; top:-4px;}/*内容div*/
        /* .content .cate .one_cate:nth-last-child(1) .one_body .y , .z{
         
            position: absolute;
             
            left:540px;
             
            } */
            .content .cate .one_cate:nth-child(5) .one_body .y{
         
                color: #2B4FA1;
                font-size: 19px;
                top: -14px;
                z-index: 1;
                left:540px;
             
            }/*模拟小三角*/
            .content .cate .one_cate:nth-child(5) .one_body .z{
         
                color: #fff;
                font-size: 19px;
                top: -12px;
                z-index: 3;
                left:540px;
            }          
.content .cate .one_cate .two_cate{width:175px;
float: left;
font-size:14px;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
line-height:40px;}
.content .cate .one_cate .two_cate li{text-align: right;}
.content .cate .one_cate .two_cate li a{font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);}
.content .cate .one_cate .three_cate{float: left;margin-left: 30px;}
.content .cate .one_cate .three_cate ul{height: 40px;}
.content .cate .one_cate .three_cate li{float: left;margin-left: 10px;line-height:40px;}
.content .cate .one_cate .three_cate li a{color: #999999;font-size: 12px}
.one_cate .active{display: block;}
.one_cate h3 a{color: #2B4FA1;}
 .product{width: 280px;height: 340px;float: left;margin-left: 26px;background:rgba(255,255,255,1);
    box-shadow:0px 3px 15px 0px rgba(0,0,0,0.08);margin-top: 30px;}
.product:nth-child(1){margin-left: 0;}
.product:nth-child(5){margin-left: 0;}
.goods_list .product:nth-child(9){margin-left: 0;}
 .product a{display: block;width: 250px;height: 250px;margin: 15px;}
 .product a img{width: 100%;}
 .product .link{width: 280px;height: 60px;line-height: 60px;text-align: center;display: block;color: #333;border-top: 1px solid #eee;}
 



 .hot_goods .product{width: 149px;height: 179px;margin-left:0;background:rgba(255,255,255,1);
    box-shadow:0px 3px 15px 0px rgba(0,0,0,0.08);margin-top: 30px;}
.hot_goods .product:nth-child(1){margin-left: 0;}
 /* .hot_goods .product:nth-child(5n){margin-left: 0;} */
 .hot_goods .product a{display: block;width: 119px;height: 119px;margin: 15px;}
 .hot_goods .product a img{width: 100%;}
 .hot_goods .product .link{width: 149px;height: 25px;line-height: 25px;text-align: center;display: block;color: #333;border-top: 1px solid #eee;font-size: 12px;padding: 0;margin: 0;overflow: hidden;}







.goods_content{width:1160px;margin:30px auto;
    background:rgba(255,255,255,1);
    box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);padding: 20px;
    }
.hot_title{font-size:16px;color: #FF962F}

.text_content{width:1160px;margin:30px auto;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);padding: 20px;}
.newstext_content{width: 1200px;padding: 0;}
.text_content .new{padding: 20px;border-bottom: 1px #ccc dashed;}
.text_content .new img{width: 300px;float: left;}
.text_content .new .new_content{float: right;width: 830px;}
.text_content .new .new_content h3{font-size: 18px;}
.text_content .new .new_content span{line-height: 30px;margin-left: 10px;}
.text_content .new .new_content span img{width:18px;position: relative;top: 6px;}
.text_content .new .new_content p{line-height: 25px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
    .text_content .new .new_content a  {display: block;
        margin-top: 7px;
        width: 70px;
        height: 30px;
        font-size: 16px;
        border: 1px solid rgb(43, 79, 161);
        text-align: center;
        line-height: 30px;
        border-radius: 20px;}

.detail_content{margin: 20px auto;}
.detail_content h3{text-align: center;font-size: 25px;line-height: 50px;}
.detail_content span{text-align: center;line-height: 35px;display: block;}
.detail_content span img{position: relative;top: 3px;}
.diy{width:1200px;margin:30px auto;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.08);}
.page_wrap{text-align: center;}
.page_wrap span{border-radius: 10px;
    padding: 6px;
    background: #ccc;
    color: white;}

    .page_wrap a{border-radius: 10px;
        padding: 6px;margin:0 3px; 
        background: #ccc;
        color: white;}
        .page_wrap .page-this{background: blue}










.page{margin-top: 30px;}


.footer{height: 170px;width:100%;background:#2b4fa1;}
.footer .footer_center{width: 1200px;margin:35px auto;}
.footer .footer_center .footer_logo{float: left;width: 196px;height: 54px;margin-top: 30px;}
.footer .footer_center .contact{float: left;margin-top: 30px;margin-left:110px;}

.footer .footer_center .code{float: right;width:125px;height: 125px;line-height: 20px;
    margin-top: 20px;}
.footer .footer_center .news_list li{float: left;margin-left: 20px;line-height: 35px;}
.footer .footer_center .contact_us li{float: left;margin-left: 20px;}
.footer .footer_center .news_list li a{font-size:14px;font-family:PingFangSC-Regular,PingFang SC; font-weight:400;color:#fff;
    line-height:20px;}
    .footer .footer_center .contact_us span{font-size:14px;
    font-family:MicrosoftYaHei;margin-left: 25px;
    color:#fff;
    line-height:16px;}
.copyright{font-size:12px;
    font-family:MicrosoftYaHei;
    color:#fff;text-align: center;
    line-height:16px;}
    .code{width: 80px;height:100px;
    }
/* .code img{width: 80px;height: 80px;} */
.code p{color: #fff;line-break: 20px;font-size: 12px;text-align: center;}
.footer .footer_center .contact_us li{position: relative;}
.footer .footer_center .contact_us li img{position: absolute;top: 3px;left:0}