.main{
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 80px;
}
.index .main{padding-bottom: 0;}
.main .inner{
    background: #fff;
    overflow: hidden;
    padding: 20px 50px;
    margin: -30px 0 -78px;
}



.pages{text-align: center;margin-bottom: 44px;}
.pages ul{
    display: inline-block;vertical-align: top;overflow: hidden;
}
.pages ul li{float: left;margin: 0 3px;}
.pages li a{
    display: block;width: 26px;height: 27px;
    font-family: "宋体";
    font-size: 16px;color: #a5a5a5;line-height: 27px;
    border: 1px solid #d2d2d2;border-radius: 4px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages li .prev,.pages li .next{width: 64px;}
.pages li.on a,.pages li:hover a{background: #bf9669;border-color: #bf9669;color: #fff;}

/*
-----------------[产品中心]--------------*/
.snav{
    text-align: center;overflow: hidden;
    position: relative;z-index: 10;
    margin: -65px 0 49px;
    background: rgba(255,255,255,.9);
}
.snav ul{display: inline-block;vertical-align: top;overflow: hidden;}
.snav li{
    float: left; padding: 0 20px;
}
.snav li a{
    display: block;
    font-size: 14px;color: #000;line-height: 66px;text-align: center; padding: 0 10px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.snav li a:hover,.snav li.on a{background: #213f99;color: #fff; padding: 0 10px;}

.cur{

    margin-bottom: 37px;
    font-size: 14px;color: #000;line-height: 24px;
    border-bottom: 1px #cfcfcf solid;
}

.ul-list1{overflow: hidden;margin: 0 -20px 21px;}
.ul-list1 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px 30px;
}
.ul-list1 li a{display: block; }
.ul-list1 .pic{
    height: 0;padding-top: 65.27%;position: relative;
    overflow: hidden; 
}

.ul-list1 .pic img:hover{
    overflow: hidden;
   transform: scale(1.1);
    -ms-transform:scale(1.1);     /* IE 9 */
    -moz-transform:scale(1.1);     /* Firefox */
    -webkit-transform:scale(1.1); /* Safari 和 Chrome */
    -o-transform:scale(1.1);   /*兼容-moz-引擎浏览器*/

}
.ul-list1 .pic img{
    display: block;
    position: absolute;left: 0;top: 0;
        width: 447px;
    height: 331px;
    object-fit: cover;
}
.ul-list1 .txt{
    padding: 18px 0 23px;
    font-size: 14px;color: #818181;line-height: 26px;text-align: center;
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover .txt{background: #213f99;color: #fff;}
.ul-list1 .txt h4{
    font-size: 14px;color: #000;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover h4{color: #fff;}
.ul-list1 .txt p{
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0 15px;
}
.ul-list1 .txt .price{
    padding-top: 22px;color: #666;border-top: 1px solid #f0f0f0;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover .price{color: #fff;}
.ul-list1 .txt .price em{font-family: "Adobe 黑体 Std","微软雅黑";}
.ul-list1 .txt .price strong{font-family: "Arial";font-size: 22px;text-transform: uppercase;font-weight: 800;}
.ul-list1 .txt .price span{
    display: inline-block;vertical-align: top;
    width: 84px;background: #213f99;border-radius: 5px;text-align: center;
    color: #fff;
    margin-left: 13px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 a:hover  .txt .price span{
    background: #fff;color: #213f99;
}

/*
-----------------[关于海宴堂]--------------*/
.m-txt1{overflow: hidden;padding: 41px 0 0;}
.m-txt1 .pic{
    float: left;padding: 27px 0 25px 29px;margin-right: 70px;
    background:  url(../images/bg2.png) 0 0 no-repeat;
}
.m-txt1 .pic img{display: block;width: 430px;height: 503px;}
.m-txt1 .txt{
    overflow: hidden;
    font-size: 16px;color: #000;line-height: 2.15;
}
.m-txt1 .txt h1{
    font-size: 32px;color: #213f99;line-height: 40px;font-weight: normal;
    padding: 32px 0 20px;margin-bottom: 29px;
    background: url(../images/bg3.jpg) no-repeat left bottom;
}

/*
-----------------[会员中心]--------------*/
.ul-list2{overflow: hidden;margin: 0 -24px;padding: 26px 0 29px;}
.ul-list2 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 24px 48px;
}
.ul-list2 .con{
    padding: 19px 19px 25px;
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list2 .con:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.ul-list2 .pic{
    height: 0;padding-top: 47.57%;position: relative;
    overflow: hidden;
}
.ul-list2 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.ul-list2 .con:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list2 .txt{
    padding: 0 5px;
    font-size: 14px;color: #999;line-height: 24px;
}
.ul-list2 .txt p{height: 72px;overflow: hidden;margin-bottom: 48px;}
.ul-list2 .txt h4{
    font-size: 18px;color: #333;line-height: 24px;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 25px 0 27px;
}
.ul-list2 .txt .date{overflow: hidden;font-size: 16px;line-height: 31px;}
.ul-list2 .txt .a-more{
    display: block;float: right;
    width: 148px;height: 31px;
    font-size: 14px;color: #fff;line-height: 31px;text-align: center;
    background: #999;border-radius: 15px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list2 .txt .a-more img{display: inline-block;vertical-align: middle;margin-left: 7px;margin-top: -1px;}
.ul-list2 .txt .a-more:hover{
    background: #213f99;
}

.g-btn1{
    display: block;width: 213px;height: 38px;
    font-size: 16px;color: #fff;line-height: 38px;text-align: center;
    background: #213f99;
    margin: 0 auto;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.g-btn1-1{margin-top: 31px;}
.g-btn1:hover{background: #cb975c;color: #fff;}
.g-btn1 img{
    display: inline-block;vertical-align: middle;margin: -1px 0 0 7px;
}

/*
-----------------[留言板]--------------*/

.ul-list3{margin: 0 35px 33px;}
.ul-list3 li{padding-bottom: 33px;}
.ul-list3 li .date{
    font-family: "宋体";
    font-size: 12px;color: #787d82;line-height: 16px;
    padding-left: 19px;
    background: url(../images/icon7.png) no-repeat left center;
    margin-left: 10px;
}
.ul-list3 .con-q .name{
    font-size: 14px;color: #000;line-height: 22px;
}
.ul-list3 .con-q .name img{display: inline-block;vertical-align: top;margin-right: 10px;}
.ul-list3 .con-q .tit{
    font-size: 20px;color: #000;line-height: 24px;
    margin: 5px 0 20px 33px;
    overflow: hidden;
}
.ul-list3 .con-a{
    padding:  15px 30px;
    background: #fff;
    font-size: 14px;color: #848484;line-height: 22px;
}
.ul-list3 .con-a .tit{color: #213f99;margin-bottom: 10px;}
.ul-list3 .con-a .tit .date{float: right;}

.form1{margin: 0 35px 27px;}
.form1 h4{
    font-size: 20px;color: #000;line-height: 30px;font-weight: normal;
    margin-bottom: 18px;
    padding: 0 54px;
}
.form1 .con{
    padding: 44px 54px 40px;
    background: #fff;
}
.form1 .form-group{
    overflow: hidden;margin-bottom: 19px;
}
.form1 .form-group .con-l{float: left;width: 49%;}
.form1 .form-group .con-r{float: right;width: 49%;}
.form1 .form-group input[type="text"],.form1 .form-group textarea{
    display: block;width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px;
    border: 1px solid #ebebeb;
    font-size: 14px;color: #333;
}
.form1 .form-group input[type="text"]{
    height: 41px;line-height: 39px;
}
.form1 .form-group textarea{
    padding: 5px 20px;margin-bottom: 16px;height: 143px;
    line-height: 24px;
    resize: none;
}
.form1 input[type="submit"]{
    display: block;width: 166px;height: 42px;
    margin: 0 auto;
    font-size: 20px;color: #fff;line-height: 42px;text-align: center;
    background: #213f99;border-radius: 22px;border: none;
    cursor: pointer;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.form1 input[type="submit"]:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}


/*
-----------------[新闻中心]--------------*/

.ul-list4{margin: -19px 0 32px;}
.ul-list4 li{
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    overflow: hidden;
    padding: 45px 0 40px;
     
}
.ul-list4 li:nth-child(odd){background-color:#f4f7ff; } 
.ul-list4 li:hover{background: #f4f4f4;}
.ul-list4 .date{
    display: block;float: left;
    width: 138px;
    font-family: "黑体","微软雅黑";
    font-size: 18px;color: #000;line-height: 27px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 20px 0 9px;margin: 28px 29px 0 0;
    position: relative;
}
.ul-list4 .date:after{
    content: "";
    display: block;width: 20px;height: 3px;background: #000;
    position: absolute;right: 0;top: 50%;margin-top: -1px;
}
.ul-list4 .date span{display: block;font-size: 30px;line-height: 33px;}
.ul-list4 .pic{
    float: left;width: 160px;height: 110px;margin-right: 33px;
}
.ul-list4 .pic img{display: block;width: 100%;height: 100%;}
.ul-list4 .txt{
    overflow: hidden;
    padding: 0 250px 0 0;position: relative;
    font-size: 14px;color: #999;line-height: 24px; padding-bottom: 40px;
}
.ul-list4 .txt p{height: 48px;overflow: hidden;}
.ul-list4 .txt h4{
    font-size: 18px;font-weight: normal;color: #000;margin: 19px 0 12px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-list4 .txt .a-more{
    display: block;width: 134px;height: 40px;
    position: absolute;right: 0;top: 50%;margin-top: -20px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    font-size: 14px;color: #333;line-height: 40px;text-align: center;
}
.ul-list4 li:hover .txt .a-more{background: #213f99;color: #fff;}
.ul-list4 .txt .a-more i{
    display: inline-block;vertical-align: middle;
    width: 19px;height: 9px;
    background: url(../images/icon8.png) no-repeat center center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list4 li:hover .txt .a-more i{background-image: url(../images/icon8-1.png);}


/*
-----------------[荣耀历程]--------------*/
.m-tit1{
    font-size: 32px;color: #213f99;line-height: 74px;text-align: center;
    font-weight: normal;
    position: relative;
}
.m-tit1:after{
    content: "";
    display: block;width: 41px;background: #213f99;height: 1px;
    position: absolute;left: 50%;bottom: 0;margin-left: -20px;
}

.m-history{margin-bottom: 36px;}
.m-history .slick-for .slick-next,.m-history .slick-for .slick-prev{
    position: absolute;bottom: 30px;overflow: hidden;
    width: 36px;height: 36px;font-size: 0;line-height: 0;z-index: 99;
    background: none;border: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #c9c9c9;
    cursor: pointer;
}
.m-history .slick-for .slick-prev{right: 107px;background-image: url(../images/arr-l1.png);}
.m-history .slick-for .slick-next{right: 66px;background-image: url(../images/arr-r1.png);}
.m-history .slick-for .slick-prev:hover,.m-history .slick-for .slick-next:hover{background-color: #213f99;}
.m-history .slick-for .item{
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    overflow: hidden;
    margin: 30px 25px 94px;
}
.m-history .slick-for .pic{
    float: left;width: 506px;height: 420px;
    margin-right: 65px;position: relative;
}
.m-history .slick-for .pic span{
    display: block;position: absolute;left: 0;top: 40px;
    width: 99px;height: 38px;
    background: #213f99;
    font-size: 20px;color: #fff;line-height: 38px;text-align: center;
}
.m-history .slick-for .pic img{
    display: block;width: 100%;height: 100%;
}
.m-history .slick-for .txt{
    overflow: hidden;
    font-size: 14px;color: #000;line-height: 30px;
    margin-right: 44px;padding-bottom: 12px;
    position: relative;
}
.m-history .slick-for .txt:after{
    content: "";
    display: block;width: 13px;height: 13px;
    background: #fff url(../images/icon9.png) left top no-repeat;
    position: absolute;left: 0;bottom: 0;
}
.m-history .slick-for .txt:before{
    content: "";
    display: block;width: 100%;height: 1px;
    background: #ddd;
    position: absolute;left: 0;bottom: 6px;
}
.m-history .slick-for .txt h4{
    font-size: 20px;color: #213f99;font-weight: normal;
    padding: 44px 0 22px;
}
.m-history .slick-for .txt h5{
    font-size: 14px;font-weight: normal;
    padding-bottom: 10px;margin-bottom: 11px;
    border-bottom: 1px #213f99 solid;
}
.m-history .slick-for .txt .det{
    height: 150px;
    overflow: hidden;
}


.m-history .slick-nav{position: relative;}
.m-history .slick-nav:after{
    content: "";
    display: block;width: 10000px;height: 1px;
    background: #bbb;
    position: absolute;left: 50%;top: 17px;margin-left: -5000px;
}
.m-history .slick-nav .slider{
    background: url(../images/bg4.png) no-repeat center top;
    padding-top: 23px;
    position: relative;
}
.m-history .slick-nav .item{
    font-family: "Arial";
    font-size: 16px;color: #000;text-align: center;line-height: 24px;
    cursor: pointer;
}
.m-history .slick-nav .slick-current{font-size: 20px;color: #213f99;font-weight: bold;}
.m-history .slick-nav .slick-next,.m-history .slick-nav .slick-prev{
    position: absolute;top: 6px;overflow: hidden;
    width: 23px;height: 23px;font-size: 0;line-height: 0;z-index: 99;border-radius: 50%;
    background: none;border: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #c2c2c2;
    cursor: pointer;
}
.m-history .slick-nav .slick-prev{left: -16px;background-image: url(../images/arr-l2.png);}
.m-history .slick-nav .slick-next{right: -16px;background-image: url(../images/arr-r2.png);}
.m-history .slick-nav .slick-prev:hover,.m-history .slick-nav .slick-next:hover{background-color: #213f99;}

/*
-----------------[养生客]--------------*/
.m-txt2{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 436px;
    overflow: hidden;
}
.m-txt2 .txt{
    position: absolute;left: 0;right: 0;bottom: 0;
    font-size: 12px;color: #fff;line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 28px 24px;
}
.m-txt2 .txt h4{
    font-size: 22px;line-height: 30px;font-weight: normal;
    position: relative;
    padding-bottom: 14px;margin-bottom: 14px;
}
.m-txt2 .txt h4:after{
    content: "";display: block;width: 38px;height: 1px;
    background: #fff;
    position: absolute;left: 0;bottom: 0;
}


.ul-list5{margin: 0 -18px;padding: 26px 0 31px;}
.ul-list5 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 18px;
    position: relative;overflow: hidden;
}
.ul-list5 .con{
    background: #fff;
    padding:  33px 24px 10px;
    margin-bottom: 36px;
    font-size: 14px;color: #999;line-height: 24px;
    position: relative;
}
.ul-list5 .con:hover{
    margin-bottom: 0;padding-bottom: 15px;
    color: #ecd8c4;
    background: #213f99;
}
.ul-list5 .con p{
    height: 48px;overflow: hidden;
    margin-bottom: 29px;
}
.ul-list5 .con .date{
    font-size: 16px;
}
.ul-list5 .con h4{
    font-size: 18px;color: #333;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    padding: 5px 0 27px;
}
.ul-list5 .con h4 a{color: inherit;}
.ul-list5 .con:hover h4 a{color: #fff;}
.ul-list5 .con h4 a:hover{color: #000;}
.ul-list5 .con .a-more{
    display: block;
    width: 91px;height: 29px;
    border: 1px solid #fff;
    font-size: 14px;color: #fff;line-height: 29px;text-align: center;
    position: absolute;left: 24px;bottom: -100px;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list5 .con .a-more:hover{background: #fff;color: #213f99;}
.ul-list5 .con:hover .a-more{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    position: static;
}

/*
-----------------[首页]--------------*/
.index-prod{overflow: hidden;}
.index-prod .prod1,.index-prod .prod2,.index-prod .prod3{
    position: relative;float: left;
}
.index-prod .prod1{width: 50%;}
.index-prod .prod2{width: 39.84%;}
.index-prod .prod3{width: 20.31%;}
.index-prod .pic{
    height: 0;position: relative;z-index: 1;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.index-prod .pic:hover{
    opacity: .9;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 90)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.index-prod .prod1 .pic{padding-top: 56.04%;}
.index-prod .prod2 .pic{padding-top: 53.85%;}
.index-prod .prod3 .pic{padding-top: 105.64%;}
.index-prod .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.index-prod .txt{
    font-size: 20px;color: #323345;line-height: 26px;
    position: absolute;left: 10%;top: 50%;z-index: 10;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    padding-bottom: 5px;
}
.index-prod .txt em{
    display: block;
    font-family: "Arial";font-size: 12px;line-height: 14px;
    text-transform: uppercase;
    padding: 7px 0;margin-bottom: 31px;
    position: relative;
}
.index-prod .txt em:after{
    content: "";
    display: block;width: 40px;height: 1px;
    background: #323345;
    position: absolute;left: 0;top: 0;
}
.index-prod .txt h4{
    font-size: 40px;font-weight: normal;line-height: 46px;
    margin-bottom: 49px;
}
.index-prod .txt .btn-buy{
    display: block;width: 110px;height: 35px;
    background: #213f99;
    font-size: 14px;color: #fff;line-height: 35px;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    position: relative;top: 0;
}
.index-prod .txt .btn-buy:hover{top: 5px;}
.index-prod .prod2 .txt{text-align: right;left: auto;right: 9%;}
.index-prod .prod2 .txt .btn-buy{float: right;}
.index-prod .prod2 .txt em:after{left: auto;right: 0;}

.index-video{}
.index-video .txt{
    font-size: 14px;color: #aaa;line-height: 24px;text-align: center;
    padding: 67px 0;
}
.index-video .txt h3{
    font-size: 48px;color: #213f99;line-height: 60px;font-weight: normal;
}
.index-video .txt span{
    display: inline-block;vertical-align: top;
    border: 1px #213f99 solid;color: #213f99;line-height: 28px;
    padding: 0 105px;
    margin: 12px 0 16px;
}
.index-video .video{
    height: 0;padding-top: 33.85%;
    position: relative;background: #000;
}
.index-video .video .btn-play{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;z-index: 10;
    cursor: pointer;
    background: rgba(0,0,0,.1) url(../images/icon-play.png) no-repeat center center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.index-video.play .video .btn-play{
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.index-video .video video{
    position: absolute;left: 0;top: 0;z-index: 1;
    display: block;width: 100%;height: 100%;
}

.index-news{padding: 0 0 19px;}
.index-news .ul-list4{margin-top: 0;}


/*
-----------------[营销网络]--------------*/
.branch-pc{overflow: hidden;padding: 0 0 0;margin-left: -64px;}
.branch-pc .pic{
    float: left;width: 832px;height: 715px;
    margin-top: 46px;
    position: relative;
}
.m-network .pic .img-bg{
    display: block;width: 100%;height: 100%;
}
.ul-list6 li{
    font-size: 14px;color: #888;line-height: 18px;
    position: absolute;
}
.ul-list6 li span{position: relative;z-index: 2;cursor: pointer;}
.ul-list6 li:hover span{color: #000;}
.ul-list6 li span i{
    display: inline-block;vertical-align: top;
    width: 10px;height: 10px;border-radius: 50%;
    background: #213f99;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    margin-right: 3px;
    position: absolute;
}
.ul-list6 li span:hover i,.ul-list6 li.on span i{background: #a10000;}

.ul-list6 li img{
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    position: relative;z-index: 1;
    max-width: none;
}
.ul-list6 li span:hover + img,.ul-list6 li.on span + img{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.branch-pc .txt{
    float: right;
    width: 360px;height: 788px;
    position: relative;
}



.dl-list1{}
.dl-list1 dd{
    position: absolute;left: 0;top: 0;right:0;z-index: 1;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.dl-list1 dd.on{
    z-index: 10;
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.shop-search{
    padding: 24px 35px 20px;margin-bottom: 9px;
    background: #213f99;
}
.shop-search .from-group{overflow: hidden;margin-bottom: 14px;}
.shop-search .from-group .con-l{float: left;width: 48.98%;}
.shop-search .from-group .con-r{float: right;width: 48.98%;}
.shop-search select{
    display: block;width: 100%;
    background: #fff url(../images/icon10.png) no-repeat right 11px center;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 25px 0 10px;
    font-size: 14px;color: #000;line-height: 28px;
}
.shop-search .inp{
    display: block;width: 100%;height: 28px;
    border: none;
    background: #fff url(../images/icon11.png) no-repeat right 12px center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 30px 0 10px;
    font-size: 12px;color: #000;line-height: 28px;
}
.shop-search .inp::-webkit-input-placeholder {color: #ccc;}
.shop-search .inp::-moz-placeholder {color: #ccc; }
.shop-search .inp::-ms-input-placeholder {color: #ccc;}
.shop-search .sub{
    display: block;width: 121px;height: 30px;
    background: #a10000;border: none;cursor: pointer;
    font-size: 14px;color: #fff;line-height: 30px;text-align: center;
    margin-top: 16px;
}
.shop-search .sub:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.shop-list{
    height: 619px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 23px 29px 29px;
    background: #213f99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.shop-list .tit{
    font-size: 26px;color: #fff;line-height: 30px;
    border-bottom: 1px #fff solid;
    padding-bottom: 10px;margin-bottom: 20px;
}
.shop-list .tit span{font-size: 14px;margin-left: 15px;}

.ul-list7{
    font-size: 14px;color: #fff;line-height: 22px;
    padding: 0 0 10px;
}
.ul-list7 li{margin-bottom: 25px;}
.ul-list7 h4{
    font-size: 16px;font-weight: normal;margin-bottom: 3px;
}
.ul-list7 .a-more{
    display: block;width: 94px;height: 26px;
    border: 1px #fff solid;
    font-size: 14px;color: #fff;line-height: 26px;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    margin-top: 10px;
}
.ul-list7 .a-more:hover{
    background: #fff;color: #213f99;
}

.pages2{text-align: center;}
.pages2 ul{overflow: hidden;display: inline-block;vertical-align: top;}
.pages2 li{float: left;}
.pages2 li a{
    display: block;width: 28px;height: 28px;
    font-size: 16px;color: #fff;line-height: 28px;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages2 li.on a,.pages2 li a:hover{background: #fff;color: #213f99;}

.branch-m{display: none;}
.branch-m .shop-search .sub{margin: 16px auto 0;}


/*
-----------------[电子杂志]--------------*/
.ul-list8{overflow: hidden;margin: 0 -10px;padding: 25px 0 38px;}
.ul-list8 li{
    float: left;width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding:  0 10px 20px;
}
.ul-list8 .con{
    overflow: hidden;
    padding: 27px;
    background: #fff;
}
.ul-list8 .pic{
    float: left;width: 181px;height: 246px;
    margin-right: 33px;
    overflow: hidden;
}
.ul-list8 .pic img{
    display: block;width: 100%;height: 100%;
    -o-transition:.8s;
    -ms-transition:.8s;
    -moz-transition:.8s;
    -webkit-transition:.8s;
    transition:.8s;
}
.ul-list8 .pic:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list8 .txt{
    overflow: hidden;
    font-size: 14px;color: #919191;line-height: 26px;
}
.ul-list8 .txt h3{
    font-size: 22px;color: #000;font-weight: normal;
    padding: 23px 0 13px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-list8 .txt h3 a{
    color: inherit;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list8 .txt h3 a:hover{color: #213f99;}
.ul-list8 .txt .det{height: 130px;overflow: hidden;margin-bottom: 17px;}
.ul-list8 .a-more{
    display: block;width: 85px;height: 24px;
    background: #213f99;
    font-size: 12px;color: #fff;line-height: 24px;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list8 .a-more:hover{background: #c59d71;}


/*
-----------------[品牌文化]--------------*/
.ul-list9{background: #fff;padding: 18px 0 0;margin-top: -49px;}
.ul-list9 li{
    padding: 72px 0;
    overflow: hidden;
    background: #f6f6f6;
}
.ul-list9 li:nth-child(2n+1){background: #fff;}
.ul-list9 .pic{
    float: left;width: 429px;height: 296px;
    padding: 27px 0 0 30px;
    margin-right: 70px;
    background: url(../images/bg6.png) no-repeat left top;
}
.ul-list9 .pic img{
    display: block;width: 100%;height: 100%;
}
.ul-list9 .txt{
    max-height: 333px;
    overflow: hidden;
    font-size: 14px;color: #000;line-height: 30px;
}
.ul-list9 .txt h3{
    font-size: 32px;color: #213f99;line-height: 69px;font-weight: normal;
    position: relative;
    margin: 10px 0 14px;
}
.ul-list9 .txt h3:after{
    content: "";
    display: block;width: 41px;height: 1px;
    position: absolute;left: 0;bottom: 0;
    background: #213f99;
}


/*
-----------------[生产能力]--------------*/
.ul-list10{overflow: hidden;margin: 0 -10px;padding: 55px 0 0;}
.ul-list10 li{
    float: left;width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 10px 20px;
}
.ul-list10 .con{
    overflow: hidden;
    background: #fff;
    padding: 27px 30px 27px 27px;
}
.ul-list10 .pic{
    float: left;width: 181px;height: 289px;
    margin-right: 33px;
}
.ul-list10 .pic img{
    display: block;width: 100%;height: 100%;
}
.ul-list10 .txt{
    font-size: 14px;line-height: 24px;color: #919191;
    max-height: 289px;overflow: hidden;
}
.ul-list10 .txt h3{
    font-size: 22px;color: #000;font-weight: normal;
    max-height: 48px;overflow: hidden;
    margin: 12px 0 16px;
}


/*
-----------------[形象店展示01]--------------*/
.ul-list11{overflow: hidden;margin: 0 -24px;padding: 26px 0 41px;}
.ul-list11 li{
    float: left;width: 33.33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 24px 48px;
}
.ul-list11 .con{
    background: #fff;
    padding: 19px 19px 1px;
    overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list11 .con:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);}
.ul-list11 .pic{
    height: 0;padding-top: 54.84%;position: relative;
    overflow: hidden;
    margin-bottom: 25px;
}
.ul-list11 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.ul-list11 .con:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.ul-list11 .txt{
    height: 202px;
    font-size: 14px;color: #999;line-height: 24px;
    overflow: hidden;
}
.ul-list11 .txt .det{max-height: 120px;overflow: hidden;margin-bottom: 11px;}
.ul-list11 .txt h4{
    font-size: 18px;color: #333;font-weight: normal;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 16px;
}
.ul-list11 .a-more{
    float: right;
    display: block;width: 110px;height: 31px;
    border-radius: 20px;
    background: #999;
    font-size: 14px;color: #fff;line-height: 31px;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list11 .a-more:hover{background: #213f99;}
.ul-list11 .a-more img{
    display: inline-block;vertical-align: middle;
    width: 15px;height: 15px;
    margin: -2px 0 0 6px;
}


.pages3{text-align: center;margin-bottom: 44px;}
.pages3 ul{
    display: inline-block;vertical-align: top;overflow: hidden;
}
.pages3 ul li{float: left;margin: 0 5px;}
.pages3 li a{
    display: block;width: 65px;height: 35px;
    font-family: "Arial";
    font-size: 16px;color: #767676;line-height: 35px;
    background: #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pages3 li .prev,.pages3 li .next{width: 72px;}
.pages3 li.on a,.pages3 li:hover a{background: #213f99;color: #fff;}


/*
-----------------[形象店展示02]--------------*/
.m-back{
    overflow: hidden;text-align: right;
    font-size: 14px;color: #828282;line-height: 30px;
    margin: 11px 0 30px;
}
.m-back a{color: inherit;}
.m-back a i{
    display: inline-block;vertical-align: top;
    width: 30px;height: 30px;margin-right: 4px;
    background: url(../images/icon-back.png) no-repeat center center;
}
.m-back a:hover{color: #213f99;}
.m-back a:hover i{background-image: url(../images/icon-back-1.png);}

.m-store{overflow: hidden;padding: 30px 0 112px;}
.m-store .slider-for{margin-bottom: 9px;}
.m-store .slider-for .img{
    height: 0;padding-top: 54.84%;position: relative;
    cursor: pointer;
}
.m-store .slider-for .img img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.m-store .slider-nav{margin-right: -8px;}
.m-store .slider-nav .slick-next,.m-store .slider-nav .slick-prev{
    position: absolute;top: 50%;margin-top: -15px;overflow: hidden;
    width: 30px;height: 30px;font-size: 0;line-height: 0;z-index: 99;
    background: none;border: none;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    cursor: pointer;
}
.m-store .slider-nav .slick-prev{left: -43px;background-image: url(../images/arr-l3.png);}
.m-store .slider-nav .slick-next{right: -37px;background-image: url(../images/arr-r3.png);}
.m-store .slider-nav .slick-prev:hover,.m-store .slider-nav .slick-next:hover{background-color: rgba(0,0,0,.5);}
.m-store .slider-nav .img{
    width: 145px;height: 80px;
    cursor: pointer;
}
.m-store .slider-nav .img img{
    display: block;width: 100%;height: 100%;
}
.m-store .pic{
    float: left;width: 609px;
    margin: 0 88px 0 46px;
}
.m-store .txt{
    overflow: hidden;
    font-size: 14px;color: #000;line-height: 30px;
}
.m-store .txt h4{
    font-size: 34px;line-height: 52px;font-weight: normal;
    padding-bottom: 11px;
    border-bottom: 1px #dadada solid;
    margin-bottom: 16px;
}
.m-store .txt p{padding-right: 15px;}

/*
-----------------[个人专区]--------------*/
.member-login{
    padding: 67px 250px 77px;
}
.member-login h3{
    font-size: 26px;color: #213f99;line-height: 36px;text-align: center;font-weight: normal;
    border-bottom: 1px #c8cdd2 solid;
    margin-bottom: 30px;padding-bottom: 25px;
}
.member-login .from-group{overflow: hidden;margin-bottom: 20px;}
.member-login .from-group span{
    display: block;float: left;width: 195px;height: 40px;
    font-size: 14px;color: #000;line-height: 40px;text-align: right;
    margin-right: 13px;
}
.member-login .from-group p{overflow: hidden;}
.member-login .img-code{
    display: inline-block;vertical-align: top;
    width: 96px;height: 40px;cursor: pointer;
}
.member-login input{
    display: inline-block;vertical-align: top;
    height: 40px;
    background: #f1f1f1;border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 14px;color: #000;line-height: 40px;
}
.member-login .inp1{width: 284px;}
.member-login .inp2{width: 178px;margin-right: 10px;}
.member-login .sub{
    display: block;
    width: 284px;
    background: #213f99;font-size: 16px;color: #fff;text-align: center;
    cursor: pointer;
    margin-top: 6px;
}
.member-login .sub:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#phone-btn{
    display: inline-block;vertical-align: top;
    width: 96px;height: 40px;
    background: #9d9d9d;
    border: none;
    font-size: 14px;color: #fff;line-height: 40px;
    cursor: pointer;
}