* { -webkit-text-size-adjust:none; }
@font-face {
    font-family: Anitha; /*这里是说明调用来的字体名字*/
    src: url('../images/Anitha.otf'); /*这里是字体文件路径*/
}


body{ min-width: 1150px;  background-color: #fff; font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB","tahoma,arial","\5B8B\4F53" !important;color:#313131}

*{ margin: 0 ; padding: 0; -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

a{ color: #5a5a5a;text-decoration: none;}
a:hover,a:focus{ text-decoration: none; color:#313131;}
.fleft{ float: left;}
.fright{ float: right;}
ul,li,ol{ list-style: none; margin-bottom:0; margin: 0; padding: 0; -webkit-padding-start:0;}
dl{ margin-bottom: 0;}




.main { width: 1500px; margin: 0 auto;}
.top { height: 55px; width: 100% ; background: #000 ; font-family: "Arial"; color:#fff;  font-size: 14px; overflow: hidden}
.top .fright{ text-align: right; line-height: 55px;}
.top .fright a{ display: inline-block; margin-right: 10px}
.top .fright a img{ height: 28px; width: 28px; vertical-align: middle}

.logo_menu{ height: 134px; padding-top: 40px; box-sizing: border-box; background: #ffdf00;display: flex}
.logo_menu .flex {display: flex}
.logo_menu .main >div{ flex-wrap: nowrap}
.logo_menu .logo{ margin-right:90px;}




.vnav{  line-height: 54px; height: 54px}
.vnav_ul{ padding-left: 0; position: relative; margin-right: 80px;}
.vnav_ul li{ float: left; position: relative}
.vnav_ul .sub_menu{ display: none; position: absolute; top:76px; z-index: 1000; background: #F2F2F2;  box-sizing: border-box; width: 224px;

}

.vnav_ul .sub_menu a{ font-size: 14px; padding-left: 15px; line-height: 50px; height: 50px;}
.vnav_ul li:hover .sub_menu{ display: block}

.vnav_ul li .sub_menu a:hover ,.vnav_ul .sub_menu li a.on{  background: #E6E6E6; color:#313131 }




.vnav_ul li a{ color:#313131; display: block; height: 76px; line-height: 54px;font-size: 22px;}

.vnav_ul li > a { padding-right: 20px; background: url("../images/crow.png") no-repeat right center; background-size:12px; margin-right:50px; background-position-y: 26px;  }
.vnav_ul li > a:hover , .vnav_ul li > a.on{ background: url("../images/crow_on.png?V=2") no-repeat right center; background-size:12px; background-position-y: 26px; }
.vnav_ul li:last-child a{ margin-right: 0; background: none}
.vnav_ul li:last-child a.on,.vnav_ul li:last-child a:hover{  background: none}
.vnav_ul li a:hover ,.vnav_ul li a.on{ color: #000; }
.vnav_ul li a em{ color: #e0c8af; font-weight: 100; font-size: 12px; font-style: normal; padding-left: 3px;}
.vnav_ul li .nobg{background: none}
.vnav_ul li .nobg:hover{background: none}



/*幻灯片*/
.fullSlide{width:100%;position:relative;height:500px;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; z-index:0;}
.fullSlide .bd li{width:100% !important;height:500px;overflow:hidden;text-align:center; background-size: auto 500px !important; background-position: center 0}
.fullSlide .bd li a{display:block;height:500px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:8px;margin:2px;overflow:hidden;background:#fff;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}
.fullSlide .hd ul .on{background:#ff5f01;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;top:50%;margin-top:-30px;left:24%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;z-index:1;}


.search{ margin-left: auto; height: 30px; width: 210px; border: 1px solid #1A1918; border-radius: 15px; margin-top: 10px; color:#1A1918; line-height: 30px; font-size: 16px; box-sizing: border-box; padding-left: 15px; background: url(../images/search.png)  no-repeat right center;  background-position-x: 175px; position: relative}
.search_box{ display: none;  width: 640px; min-height: 224px; position: absolute; left:-200px; background: #f2f2f2; top:66px ; z-index: 1000;}
.search_box ul{ display: flex;}
.search_box ul li{padding-left: 30px;}
.search_box ul span{ font-size: 18px; color:#313131; line-height: 52px;}
.search_box ul span ,  .search_box ul a{ display: block; }
.search_box ul a{ color:#979797 ; font-size: 14px; line-height: 40px;}
.search_box ul a:hover{ color:#313131; text-decoration: underline}
.cr{ margin-left:32px; margin-top: 11px; }
.cr a{ display: inline-block; margin-left: 4px;}


.ltitle{ line-height: 80px; border-bottom: 2px solid #979797; font-size: 32px; color:#313131 }
.ltitle span{font-size: 16px; color:#787878}
.more{width:146px;
    height:34px;

    border-radius:4px;
 font-size: 18px; font-weight:bold;color:#313131; display: block;
    line-height: 34px; box-sizing: border-box;padding-left: 20px; background: url(../images/right_crow.png) no-repeat center right #FFDF00; background-position-x:110px;
}

.more:hover{  background: url(../images/right_crow.png) no-repeat center right #dec200; background-position-x:110px; }

.pcl{ font-size: 14px;}
.pcl .title{ font-size: 28px; color:#313131; margin-top: 30px; display: block}
.pcl .img{ border: 1px solid #eee;   width: 240px;height: 240px;  margin-top: 45px; padding: 4px; line-height: 240px}
.pcl .img img,.pcl .img a{ vertical-align: middle; display: inline-block; max-width: 240px;max-height: 240px}
.pcl .p,.pcl .p2{ margin-top: 10px; line-height: 21px; color:#5C5C5C; height: 85px; cursor: pointer;
  }
 li.on .pcl .p{ display:none;   }
li .pcl .p2{ display: none}

li.on .pcl .p2{ display: block; height: auto;}


.pcl .more{ margin-top: 28px;}

.pclist ul{    display: flex;
    display: -webkit-flex;
    justify-content: inherit;
    flex-direction: row;
    flex-wrap: wrap;}
.pclist ul li{ margin-bottom: 20px; flex-wrap: wrap }
.pclist .l3 li { flex: 0 0 28%; margin-right: 8%;}
.pclist .l3 li:nth-child(3) ,.pclist .l3 li:nth-child(6),.pclist .l3 li:nth-child(9){margin-right: 0%;}
.pclist .l4 li {     flex: 0 0 21%;
    margin-right: 5.3333333333333%;}
.pclist .l4 li:nth-child(4) ,.pclist .l4 li:nth-child(8),.pclist .l4 li:nth-child(12){margin-right: 0%;}



.clear{ clear:both;}

.pclist{margin-bottom: 40px}



.foot .message{ background: #f2f2f2; padding: 38px 0; box-sizing: border-box}
.foot .message .main .title{ font-size: 32px; color:#888888; margin-bottom: 28px }
.foot .message .main .form{display: flex}
.foot .message .main .form > div .input{
    width:100%;
    height:44px;
    border:1px solid rgba(136,136,136,1);
    border-radius:3px;
    margin-top: 10px;
    box-sizing: border-box;  padding-left: 12px; padding-right: 12px;
 }
.foot .message .main .form > div .input input,.foot .message .main .form > div .input textarea{ background: none; border: none; font-size: 16px; color:#888;line-height: 44px; height: 100%; width: 100%;outline:none}
.foot .message .main .form > div{ width: 45%}
.foot .message .main .form > div:first-child{margin-right: 70px;}

.foot .message .main .form > div .input.big{ height: 152px;}
.foot .message .submit{
    padding: 0 18px;
    height:44px;
    background:#FFDF00;
    border-radius:3px;
    color:#000; line-height: 44px;
    display: block;
     border: none;
    margin-top: 10px;
    font-size: 16px; text-align: center;
    cursor: pointer;
    font-weight: bold;
}


.foot .links{
    background: #313131; color:#979797;
}



.foot .links ul{ display: flex;}
.foot .links ul li{  width: 250px; box-sizing: border-box}
.foot .links ul span{ font-size: 18px; color:#fff; line-height: 60px;}
.foot .links ul span ,  .foot .links  ul a{ display: block; }
.foot .links  a{ color:#979797 ; font-size: 16px; line-height: 40px;}
.foot .links  a:hover{ color:#fff; text-decoration: underline}



.nav_t{color:#979797 ; margin-bottom: 10px; margin-top: 10px; line-height: 40px; border-bottom: 1px solid #979797}
.nav_t a{color:#979797 ; font-size: 20px;  }


.contact_box{ display: flex;justify-content:space-between }
.contact_box .item{ background: #F2F2F2; height: 300px; width: 300px; margin: 66px 0}

.contact_box .item .img{ width: 100%; text-align: center; margin-top: 60px;}

.contact_box .item .des { width: 230px; text-align: center; margin: 0 auto;margin-top: 40px; }


.select_1{ font-size: 24px; color:#787878; margin-top:45px; margin-bottom: 30px;}


.selects{ display: flex}
.selects .item{ margin-right:80px;cursor: pointer; min-width: 140px;}

.selects .img{  height: 122px; position: relative}
.selects .img img{vertical-align: bottom ; position: absolute; bottom:0}
.selects .radio{ margin-top: 20px; display: flex}

.selects .radio .img{ background: url(../images/select_cr.png) no-repeat; height: 24px; width: 24px; display: inline-block;}
.selects .radio .txt{ color:#787878; font-size: 20px; display: inline-block;  margin-left: 10px; line-height: 24px;}
.selects .item.on .radio .img{  background: url(../images/selected_cril.png?v=2) no-repeat;}

.selects_sub{ margin-top: 60px; display: flex; font-size: 24px; justify-content:space-between;color:#787878; display: none}
.selects_sub_1{display: flex}

.selects_sub .item{ flex:1; margin-left: 80px;}
.selects_sub .item:first-child{ margin-left: 0}

.select_input{
    width:100%;
    height:46px;
    line-height: 46px;

    box-sizing: border-box;
    position: relative;
    margin-top: 15px;


}
.select_input select{
    width:100%;
    height:46px;
    line-height: 46px;
    border:1px solid #C7C7C7; color:#333; font-size: 20px;

}

.select_input select[disabled]{
    color:#C7C7C7

}

.result{ margin-top: 60px}
.results{ margin-bottom: 90px}

.results .item{ margin: 36px 0; margin-bottom: 72px; position: relative; height: 138px;  }
.results .item:after{content: ''; display: block; height: 1px ; width: 100%; position: absolute; bottom:-36px; background:#979797 }


.results .item .btns{
    width:126px;

    position: absolute;right:0; top:0;

}

.results .item .btns a{
    flex-flow: row;
    display: block;
    height:30px;
    background:#FFDF00;
    border:1px solid #FFDF00;
    border-radius:4px;
    color:#000;
    font-size: 16px;
    line-height: 30px;
    width:126px; text-align: center;
    justify-content: flex-end;
}

.results .item .img{position: absolute; left:0; top:0; width: 136px ; height: 136px; border: 1px solid #979797;overflow: hidden;}
.results .item .img a{ display: block; max-width: 100%; max-height: 100%}
.results .item .img img{ max-width:99%; max-height: 99%; vertical-align: middle;}

.results .item .info{ margin-left: 184px;

}
.results .item  .box{
    display: table-cell;
    vertical-align:middle; height: 136px;
}
.results .item .info .title{color:#313131; font-size: 20px;}
.results .item .info .i{color:#979797; font-size: 16px; margin-top: 20px}


.results .item .btns a.cp{

    margin-top: 20px;

    border:1px solid #000;
    border-radius:4px;
    background:no-repeat;
    color: #000
}


.select_list{ display: none;  width: 100%; border: 1px solid #ddd; position: absolute;top:44px; left:-1px; background: #fff; z-index: 1000}

.select_list .select_item{ height: 44px; line-height: 44px; font-size: 20px; border-bottom: 1px solid #efefef; padding-left: 10px; cursor: pointer ; display: block}

.product_class{ margin-top: 20px}
.product_class .fleft{

    width:306px; margin-right: 104px;


}


.product_class .fleft .fp{
    font-size: 20px; color:#313131; line-height: 60px; border-bottom: 1px solid #E6E6E6; height: 60px;display: block;

}
.product_class .fleft .fp.on{
    color:#ff5f01
}

.product_class .fleft a{ display: block}




.product_class .fleft .dc{ font-size: 16px; color:#313131; line-height: 30px; border-bottom: #E6E6E6 1px solid ; padding: 15px 0; cursor: pointer}
.product_class .fleft .dc a,.product_class .fleft .cc a{ display: none}
.product_class .fleft .dc.on a,.product_class .fleft .cc.on a{display: block}
.product_class .fleft .dc a.on{ color:#ff5f01}
.product_class .fleft .dc>div, .product_class .fleft .cc>div{ font-size: 20px; background: url(../images/down_c.png) no-repeat right center ;margin-bottom: 10px }


.product_class .fleft .cc{ font-size: 16px; color:#313131; line-height: 30px; border-bottom: #979797 1px solid ; padding: 15px 0; }
.product_class .fleft .cc a{padding-left: 22px; background: url(../images/check.png) no-repeat left center;}
.product_class .fleft .cc a.on{ background: url(../images/checked.png) no-repeat left center;color:#313131;}
.product_class .fleft .cc>div{ font-size: 20px; margin-bottom: 10px  }


.product_class .fleft .cc a span{
    height:12px;
    background:rgba(151,151,151,1);
    border-radius:2px;
    color:#fff; padding: 0 12px; line-height: 12px; font-size: 11px; color:#fff

}




.product_class .fright{
    width:1090px;
    padding-bottom: 60px;
}

.product_class .fright .r_title{
    color:#313131; font-size: 20px; line-height: 50px;border-bottom: 1px solid #979797;
    position: relative;
}

.product_class .fright .r_title span{ position: absolute ; right:0; color:#979797; font-size: 13px;}


.product_class .fright  .item{ margin: 32px 0; margin-bottom: 0px; position: relative; height: 138px;  }
.product_class .item:after{content: ''; display: block; height: 1px ; width: 100%; position: absolute; bottom:0px;left:0; background:#E1E1E1 }



.product_class .item{ float:left; width: 50%; box-sizing: border-box}
.product_class .item:nth-child(odd){ padding-left: 90px; position: relative  }
.product_class .item:nth-child(odd) .img{left:90px;}
.product_class .item:nth-child(odd) .line{
    display: block; height:108px ; width: 1px; position: absolute; top:0px;left:0; background:#E1E1E1

}

.product_class .item .img{position: absolute; left:0; top:0; width: 108px ; height: 108px; border: 1px solid #eee;line-height: 108px;overflow: hidden}
.product_class .item .img img{ max-width: 99%; max-height: 99%; display: inline-block; vertical-align: middle}
.product_class .item .img a{ width: 100%; height: 100%; display: block;
    overflow: hidden;}
.product_class .item .info{ margin-left: 142px;

}
.product_class .item  .box{
    display: table-cell;
    vertical-align:middle; height: 108px;
}
.product_class .item .info .title{color:#313131; font-size: 20px;
    display: block; width: 100%; overflow: hidden}
.product_class .item .info .i{color:#979797; font-size: 16px; margin-top: 20px}


.product_detail{ padding-top: 48px}
.product_detail .img{
    width:612px;

}


.product_detail .img .imgbig {
    width:612px;
    height:350px;
    border:1px solid rgba(151,151,151,1);
    position: relative;
     line-height:350px;
    text-align: center;


}

.product_detail .img .imgbig img{     max-height: 300px; max-width: 400px; display: inline-block; vertical-align: middle}

.product_detail .img .add{ background: url(../images/big.png) no-repeat; width: 28px; height: 28px; bottom:20px; right:20px; position: absolute; }
.product_detail .img .imgsmall{ margin-top: 33px; position: relative}

.product_detail .img .imgsmall .left{
    width:46px;
    height:135px;
    border:1px solid rgba(151,151,151,1);
    background: url(../images/pleft.png) no-repeat center ;
    position: absolute; left:0 ; top:0;

}

.product_detail .img .imgsmall .right{
    width:46px;
    height:135px;
    border:1px solid rgba(151,151,151,1);
    background: url(../images/pright.png) no-repeat center ;
    right:0 ; top:0; position: absolute;

}

.product_detail .img .imgsmall .img_sub{
    width:135px;
    height:135px;
    border:1px solid rgba(151,151,151,1);
    margin-right: 28px;
    line-height: 135px;
    text-align: center;



}

.product_detail .img .imgsmall .img_sub img{ max-width: 100px; max-height: 100px; display: inline-block; vertical-align: middle; }

.product_detail .img .imgsmall .img_sub_box{ margin-left: 76px; display: flex; width: 456px}



.product_detail .fright{ margin-left: 82px; width:806px;}
.product_detail .info .title{font-size: 28px; color:#313131; line-height: 60px;}

.product_detail .info .sub{font-size: 24px; color:#979797; line-height: 50px; border-bottom: 1px solid #979797}
.product_detail .info .list{
    margin-top: 24px;
}
.product_detail .info .list .item{height: 40px; line-height:40px; background: #F2F2F2; display: flex; justify-content: space-between; font-size: 20px; color:#313131 }
.product_detail .info .list .item >div{ flex:1; padding-left: 10px;}
.product_detail .info .list .item >div.r{ text-align: right; padding-right: 10px}
.product_detail  .info .list  .item:nth-child(even){ background:  #fff}

.product_detail .info .btn{
    padding: 0 18px;
    display: inline-block;
    height:40px;
    background:#ffdf00;
    border-radius:4px;
    color:#313131; line-height: 40px;
    margin-top: 56px;
     text-align: center;
    font-size: 20px;
    cursor: pointer;
}


 .detail{ margin-top: 40px}
 .content{
     margin: 28px 0;
     color:#313131;
     font-size: 16px;
     display: flex;
 }

.content .t{ font-size: 24px;}

.content >div{ flex:1}
.content .des.dd{ margin-left: 40px}
.content  .con{ margin-top: 20px;}


.faq .i { border-bottom: 1px solid #979797; padding: 30px 0;}
.faq .i .title{ font-size: 20px;}
.faq .i .title span{ background: url(../images/down_c.png) no-repeat center;
    -ms-background-position-y:12px;
    background-position-y :12px; height: 20px; width: 12px;display: inline-block; margin-left: 16px; transform:rotate(-90deg);  }
.faq .i .c{ font-size: 16px; margin-top: 10px; display: none}
.faq .i.on .c{ display: block}
.faq .i.on .title span{ transform:rotate(0deg);}


.catalogue{
    margin-top: 40px;
    position: relative;
    height: 640px;

}

.catalogue .imgs{
    width: 910px; height: 640px;
    background: #ffdf00;
    position: absolute;left:50%; margin-left: -455px; top:50%;margin-top: -320px;

}
.catalogue .imgs .img,.catalogue .imgs .img img{width: 100%; height: 100%; max-height: 640px;}

.catalogue .left{ background: url(../images/pleft.png); width: 17px; height: 31px; position: absolute; top:50%; margin-top: -15px;left:0; cursor: pointer}
.catalogue .right{ background: url(../images/pright.png); width: 17px; height: 31px; position: absolute; top:50%; margin-top: -15px;right:0; cursor: pointer}
.package_detail .title{ font-size: 28px; line-height: 60px; font-weight: bold; text-align: center; margin-top: 40px;}
.package_detail .imgs{ border: 1px solid #eee; padding: 6px; width: 600px; margin: 20px auto ;}
.package_detail .content p {word-wrap: break-word; font-size: 20px; line-height: 44px}





.page_nav{ font-size:16px; text-align:center; margin-top: 40px; margin-bottom: 40px; line-height: 30px;}
.page_nav a ,.page_nav span ,.page_nav font{ display: inline-block; margin:40px 4px;}
.page_nav a {
    padding:6px 14px;
    border:1px solid #333; color:#333;
}
.page_nav a:hover ,.page_nav a:active ,.page_nav span.current {
    border:1px solid #000; color:#000;
}

.page_nav span.current {
    padding:6px 14px;
    border:1px solid #999; color:#999;
}
.page_nav span.nolink { border:1px solid #666; color:#666;
}
.page_nav font{  border:1px solid #666; color:#666;  font-size: 16px;}


.noghing{ font-size: 16px; color:#999; text-align:center; margin: 40px;}
.right_content img{ max-width: 100%;}


.alldetail{ font-size: 20px; line-height: 1.5; padding: 40px 0 ; padding-top: 0; }

@media screen and (max-width: 1500px) {
    .main{width:1200px;}
    .vnav_ul li > a{margin-right: 45px;}
    .logo_menu .logo{    margin-right: 28px;}
    .vnav_ul{margin-right: 66px;}

    .product_class .fleft{

        width:250px; margin-right: 40px;


    }
    .product_class .fright{width: 800px}

    .product_class .item:nth-child(odd){ padding-left: 30px}
    .product_class .item:nth-child(odd) .img{left: 30px}
    .vnav_ul li a{ font-size: 18px;}


    .product_detail .fright{ margin-left: 20px; width:600px;}
    .product_detail .img{ width: 580px;}
    .product_detail .img .imgbig{ width: 578px}
    .product_class .fleft .fp{font-size: 17px;}

    .product_detail .info .list .item{ font-size: 18px}


}

@media screen and (max-width: 1200px) {
    .main{width:1100px;}
    .vnav_ul li > a{margin-right: 25px;}
    .logo_menu .logo{    margin-right: 28px;}
    .vnav_ul{margin-right: 46px;}

    .product_class .fleft{

        width:250px; margin-right: 40px;


    }
    .product_class .fright{width: 800px}

    .product_class .item:nth-child(odd){ padding-left: 30px}
    .product_class .item:nth-child(odd) .img{left: 30px}
    .vnav_ul li a{ font-size: 18px;}


    .product_detail .fright{ margin-left: 20px; width:495px;}
    .product_detail .img{ width: 580px;}
    .product_detail .img .imgbig{ width: 578px}
    .product_class .fleft .fp{font-size: 17px;}
     .search_box{ left:-275px}

    .pcl .img{ width: 200px;}
    .product_detail .info .list .item{ font-size: 15px}


    .zoominner img{
        pointer-events:none;
    }


}

.fright img{ max-width: 100%}

.news ul { margin: 30px 0 }

.news ul li{ height: 60px; line-height: 60px; font-size: 20px; border-bottom: 1px solid #ccc; position: relative}
.news ul li span{ color:#999 ; position: absolute; display: block;
    right:0; top:0 ; font-size: 18px; }
.news .title{ font-size: 24px; text-align: center;line-height: 40px; padding: 20px 0 ;}
.news .sub{ text-align: center;font-size: 18px; color:#999}
.news .contentg{ font-size: 20px; line-height: 34px; margin: 30px 0}
.news .contentg p{margin-top: 15px;}
.news .contentg h1{ font-size: 24px;}