.row .left {
                    height: 400px;
                    width: 520px;
                }
                
                .row .left img {
                    width: 100%;
                    height: 100%;
                }
                
                .row .feature-box-heading a {
                    display: flex;
                    margin: 15px 0;
                    direction: none;
                    font-size: 16px;
                    color: #333333;
                }
                
                .row .feature-box-heading a img {
                    height: 14px;
                    width: 14px;
                    border-radius: 50%;
                }
                
                .feature-box .title {
                    font-size: 40px;
                    font-weight: 600;
                    color: #333333;
                    padding-left: 20px;
                }
                
                .feature-box .brief {
                    font-size: 30px;
                    color: #333333;
                    margin: 30px 0 70px 0;
                }
                
                .feature-box .feature-box-heading img {
                    height: 72px;
                    width: 72px;
                }
                
                .feature-box .feature-box-heading div {
                    color: #333333;
                }
                
                .shop .images {
                    width: 100%;
                    height: 630px;
                    border-top: none;
                    border-left: none;
                }
                
                .images2 {
                    width: 100%;
                    height: 630px;
                    border-top: none;
                    border-left: none;
                }
                
                .shop .title {
                    color: #333333;
                    font-size: 40px;
                }
                
                .shop .brief {
                    font-size: 30px;
                    text-align: left;
                    margin: 20px 0 40px 0;
                }
                .warp {
                    word-break: break-all;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                }
                
                .bottm {
                    margin-bottom: 20px;
                }
                
                .shdow {
                   display: flex;
                    justify-content: space-between;
                    flex-direction: column;
                    padding: 18px;
                    height: 120px;
                    width: 330px;
                    line-height: 20px;
                    text-align: left;
                    box-shadow: 5px 5px 30px 5px #DDDDDD;
                    border-radius: 0 0 8px 8px;
                }
                
                .titless {
                    margin-top: 150px;
                }
                .breaks{
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    word-break: break-all

                }
                @media screen and (max-width:767px) {
                    .shop .images {
                        width: 240px;
                        height: 185px;
                        border-radius: 8px;
                        border-top: none;
                        border-left: none;
                    }
                    .images2 {
                        width: 240px;
                        height: 185px;
                        border-radius: 8px;
                        border-top: none;
                        border-left: none;
                    }
                    .title {
                        margin-top: 400px;
                    }
                }
                
                @media screen and (max-width:540px) {}
                
                @media screen and (max-width:375px) {
                    .row .left {
                        height: 225px;
                        width: 230px;
                    }
                }

/*首页新闻*/
.redian { width: 100%; padding-left: 0px;box-sizing: border-box;}
.redian .r-wrap { width: 1130px; margin: 0; overflow: hidden; display: flex;justify-content: space-around;}
.redian .r-wrap .caifu {  width: 480px; overflow: hidden; margin-left: 85px;}
.redian .r-wrap .caifu h1 { height:43px;color: #505960; font-size: 18px; margin-bottom: 12px; line-height: 22px; }
.redian .r-wrap .caifu p { color: #858585; font-size: 15px; line-height: 22px; }
.redian .r-wrap .news-1 { width: 1125px; }
.news-1 .tab-nav { overflow: hidden; border-bottom: 2px solid #dedfe2; }
.news-1 .tab-nav li {font-weight:bold; cursor: pointer; float: left; display: inline-block; margin: 0px 25px 20px 0; color: #747474; font-size: 13px; width: 55px; }
.news-1 .tab-box { margin-top: 20px; }
.news-1 .tab-box p { border: 2px solid #41719C; width: 100%;margin-bottom: 30px; height: 46px;line-height: 46px; padding-left: 20px;box-sizing: border-box;border-radius: 23px;}
.news-1 .tab-box .box div{padding-left: 20px;margin-bottom: 5px;}
.news-1 .tab1 li{font-size: 18px; font-weight: 700;width: 100px;color: #505960;}
.news-1 .tabBox i{font-style: normal;position: absolute;top: 0;right: 50px;}
.news-1 .tabBox p{position: relative;color: #858585;height: 30px;line-height: 30px;margin-top: 10px;font-size: 16px;}

/* 滑块 start */
#subjects {height:165px; background-color:#e0e2e4;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#c8c8c8;}
#subjects .g-wrap .item-2 {z-index:2; background-color:white;}
#subjects .g-wrap .item-3 {z-index:3; background-color:white;}
#subjects .g-wrap .item-4 {z-index:4; background-color:white;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .p2 {-webkit-opacity:0; opacity:0; display:none\9; -webkit-transition:-webkit-opacity 400ms; transition:opacity 400ms;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0; width:493px; height:165px;}
#subjects .g-wrap .item-1 .p2 {left:276px; top:68px; z-index:2; width:189px; height:29px;}
#subjects .g-wrap .item-2 .p1 {}
#subjects .g-wrap .item-2 .p2 {left:250px; top:26px;}
#subjects .g-wrap .item-3 .p1 {width:77px; height:76px;}
#subjects .g-wrap .item-3 .p2 {left:150px; width:282px; height:122px;}
#subjects .g-wrap .item-4 .p1 {width:182px; height:80px;}
#subjects .g-wrap .item-4 .p2 {left:227px; top:21px; width:245px; height:122px;}

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:340px;}
#subjects .state-0 .item-3 {left:580px;}
#subjects .state-0 .item-4 {left:793px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:490px;}
#subjects .state-1 .item-3 {left:705px;}
#subjects .state-1 .item-4 {left:917px;}
#subjects .state-1 .item-1 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:702px;}
#subjects .state-2 .item-4 {left:917px;}
#subjects .state-2 .item-2 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:212px;}
#subjects .state-3 .item-3 {left:428px;}
#subjects .state-3 .item-4 {left:917px;}
#subjects .state-3 .item-3 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:212px;}
#subjects .state-4 .item-3 {left:422px;}
#subjects .state-4 .item-4 {left:640px;}
#subjects .state-4 .item-4 .p2 {-webkit-opacity:1; opacity:1; display:block\9;}
/* 滑块 end */

.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%; overflow:hidden;}
.xian { height: 2px; width: 55px; background: #028CD0; position: relative; left: 0px; margin-top: -2px; }
.none { display: none; }