body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,img{list-style: none; padding: 0; margin: 0;font-size: 15px; line-height:1.6;}
html,body{height: 100%;}
a{text-decoration: none; color: #000;font-size: 15px; line-height: 1.5;}
a:hover{text-decoration: none;}
i,em,s{font-style: normal;}
*{font-family: Microsoft YaHei;}
.tybformob{display: none;}
.tybforpc{display: inherit}

/*------------------------以下内容可删除-------------------------*/
.navbar-default {background-color: #fff;border: none;}
.navbar-brand {float: left;height: auto;padding: 0; margin-top: 20px; font-size:0; line-height: 20px;}
.navbar {min-height: 100px;margin-bottom: 0;}
.navbar-default .navbar-nav > li > a {color: #000;}
.navbar-default .navbar-nav > li:hover > a {color: #fff;}
.nav > li:hover{background-color: #f43700;}
.nav > li > a { color: #000; line-height: 100px; font-size: 18px; padding: 0 30px;}
/*-----------------------------------------------------------*/
h1.title{font-size: 24px; font-weight: bold; padding: 0 0 30px 0; text-align: center;}

.tyb-tac{text-align: center;}
#mainNav{}
#mainNav .burger_menu{display: block;}
#mainNav .fulllogo{float: left; margin-top:20px; width: 240px; height: 60px; background:url("../images/main_logo.jpg") left no-repeat; background-size: cover;  }
#mainNav .fulllogo a{display: block;width: 200px; height: 60px;}
#mainNav ul{float: right;}
#mainNav li{float: left;text-align: center;}
#mainNav li a{display: inline-block; padding: 0 30px;font-size: 18px; line-height: 100px; color: #000;}
#mainNav li a:hover{color: #fff;background-color: #f43700;}

.main-swiper-container {width: 100%;position: relative;overflow: hidden;}
.main-swiper-container .swiper-slide{background: center no-repeat; background-size: cover; height: 600px;}
.main-swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.main-swiper-container .swiper-pagination-bullet{background: #f43700; opacity: 1;}


.main-swiper-container .mv-title{position: absolute;top:110px; left:50%; width: 1200px; margin-left: -500px; z-index: 9;}
.main-swiper-container .mv-title img{width: auto;transform: translateY(60px);opacity: 0;transition: all 0s ease-out; }
.main-swiper-container .mv-title img.current{transform: translateY(0);opacity: 1;transition: all .5s ease-out; }

.main-intro{margin-top: 110px; height: 877px; background: url("../images/bk_intro.jpg") bottom center no-repeat;}
.main-intro .container{width: 1210px;}
.main-intro .row:first-child{height: 350px; overflow: hidden;}
.main-intro .row:last-child{opacity: 0; margin-top:100px;}
.main-intro .col-md-4{margin: 0 0 0 5px ; padding: 0;width: 400px;}
.main-intro .col-md-4:first-child{margin-left: 0;}
.entrylink{display: block; margin-top: 60px; opacity: 0;}
.entrylink p{display:block;width: 400px; height: 219px;overflow: hidden;}
.entrylink p img{display: block; transition: all .5s ease-out;}
.entrylink:hover img{transform:scale(1.1);}

.entrylink .entrytxtbox{height: 130px; padding-top: 20px; background: #f43700; text-align: center; width: 100%; transition: all .2s ease-out;}
.entrylink:hover .entrytxtbox{background-color: #fff;}

.entrytxtbox .title{font-size:18px;font-weight: bold; color: #fff;display: block; text-align: center;margin-bottom: 20px; }
.entrytxtbox .more{display: inline-block; padding: 5px 10px; font-size: 16px; border: 1px solid #fff; color: #fff;}

.entrylink:hover .entrytxtbox .title{color: #000;}
.entrylink:hover .entrytxtbox .more{border: 1px solid #f43700; color: #000;}


.introtext{margin-top: 60px;}
.introtext .title{color: #fff; font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.introtext p{color: #fff; font-size: 18px;text-align: center; line-height: 2;}

.kdbox{width: 1200px; margin: 65px auto 0 auto;font-size: 0; text-align: center;}
.kdbox li{display: inline-block;width: 24%;text-align: center;}
.kdbox li span{font-size: 24px;color: #fff;}
.kdbox li em{display: block;position:relative; text-align: center; font-size: 72px;color: #fff; font-weight: bold}
.kdbox li em sup{font-size: 24px; font-weight: normal;}


.events-title{margin-top: 90px; width: 100%; padding:80px 30px 0 0; background:left no-repeat; text-align: right;font-size: 24px;font-weight: bold;}
.events-title.news{background-image: url("../images/title_news.png"); border-bottom: 1px solid #000; height: 175px; opacity: 0;}
.newsbox{padding: 20px 0; border-bottom: 1px dotted #666; opacity: 0; margin-top: 90px;}
.newsbox .title{float:left; font-size: 24px; }
.newsbox .news-list{float:right;width: 70%; }
.newsbox .news-list .more{display: block;font-size: 16px; margin-top: 20px;font-weight: bold;}

.newsbox .news-list li:first-child{margin-bottom: 30px;}
.newsbox .news-list li a{display: block; line-height: 24px; font-size: 15px;color: #000;margin-bottom: 5px; font-weight: bold;}
.newsbox .news-list li a:hover{color:#f43700; font-weight: bold; }
.newsbox .news-list li span{font-size: 14px;color: #666;}

.tab_title{height: 42px; background-color: #eaeaea;padding: 6px 0 0 10px;}
.tab_title span{display: inline-block; height:36px;padding: 0 25px;margin-right: 5px;font-size: 18px; line-height: 36px; cursor: pointer;}
.tab_title span.active{background-color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px;}

.news_tab .news_area{display: none; padding-top: 10px;}
.news_tab .news_area .list-group-item{border: none;}
.news_tab .news_area .list-group-item a{display:block; background: url("../images/arrow.gif") left no-repeat;padding-left: 20px; }
.news_tab .news_area .badge{background: none; border: none; color: #666;font-size: 14px;font-family: Arial;}

.carousel-caption {right: 10%;left: 10%;padding-bottom: 30px; font-weight: bold; font-size: 16px;}

.events-title.case{background-image: url("../images/title_classicCase.png"); height: 150px; margin-bottom: 30px; }
#homeCase{opacity: 0; margin-top: 100px;}

.footer{background-color: #f9f9fb; padding-bottom: 40px; margin-top: 100px; }
.footer .container{position: relative;}
.tyb-right{float: right;}
.foot-logo{ position: absolute; top:0; left:0; z-index: 9;}
.foot-qrcode{float: left; width: 220px; text-align: right;padding-top: 40px;}
.foot-qrcode span{display: inline-block; }
.foot-qrcode span:first-child{margin-right: 20px;}
.foot-qrcode span em{display: block; text-align: center;}
.foot-link-address{float: left; width: 460px; padding-top: 40px; overflow: hidden;}
.foot-link-address .footlinkbox{}
.foot-link-address .footlinkbox a{ display: inline-block; font-size: 14px; padding-left: 21px; padding-right: 16px; background: url("../images/bkline.png") left no-repeat;}
.foot-link-address .footlinkbox a:first-child{background: none;}
.contact-address{margin-top: 20px; margin-left: 22px;}
.contact-address .title{float: left;font-size: 14px;line-height: 2; font-weight: bold; width: 76px; border-right: 1px solid #ccc; }
.contact-address p{display: block; padding-left: 20px; font-size: 14px;float: left; line-height: 2;}
.contact-address p span{display: inline-block; padding-left: 20px; font-size: 14px;}

.beian-copyright{margin-top: 30px;color: #666;}
.beian-copyright a{display: inline-block; background: url("../images/guohui.png") left no-repeat; padding-left: 30px; font-size: 14px;color: #666; line-height: 20px; margin-right: 60px;}
.beian-copyright span{display: inline-block; background: url("../images/bkline.png") left no-repeat;padding-left: 60px;font-size: 14px; }

.subMainTop{background: center no-repeat; background-size: cover;height:360px;}

.t-news{background:url("../images/sub_main04.jpg") right no-repeat;background-size: cover;}
.t-about{background-image: url("../images/sub_main01.jpg");}
.t-group{background:url("../images/sub_main02.jpg") 0 0 no-repeat;background-size: cover;}
.t-rongyu{background-image: url("../images/sub_main03.jpg");}

.subMainTop .subTitle{ text-align: right; padding: 90px 100px 0 0;}
.subMainTop .subTitle img{width: 400px;}

.pagePath{padding: 0; background-color: #f5f5f5; margin-bottom: 30px;}

.content-pic{position: relative; height: 250px; margin-bottom: 30px;}
.content-pic span{display: block; height: 250px; background: center no-repeat; background-size: cover;}


.subMainBody{padding: 10px 20px 30px 20px;}
.subMainBody p{text-indent: 30px;}

.subMainBody h2{color:#f43700; font-size: 16px; font-weight: bold; padding-bottom: 30px;}
.subMainBody img{margin-bottom: 10px;}
.subMainBody p{margin-bottom: 15px;}
.breadcrumb{margin: 10px 0;}
.breadcrumb .backto{float: right; padding-left: 60px; background: url("../images/home_fw_left.jpg") center no-repeat; background-size: 25px 25px; }


.breadcrumb > li + li::before {content: "";}


.subMainBody .photoalbum{margin: 0 auto; padding: 0;}
.subMainBody .photoalbum .swiper-slide{float: left;padding:0;margin: 0 15px 30px 15px; cursor: pointer; width: 220px; height: 147px; overflow: hidden; border-radius: 3px; background: center no-repeat; background-size: cover;}
.subMainBody .photoalbum .swiper-slide span{display: none;}
.subMainBody .media{margin-bottom: 30px; padding: 10px;background-color: #f6f6f6;}

.subMainBody .media-left a{display: block; width: 225px; height: 135px; background: center no-repeat; background-size: cover;}

.subMainBody .media-heading{font-weight: bold; font-size: 16px;}
.subMainBody .mapbox{width: 100%; min-height: 500px; background: center no-repeat; }
.subMainBody .yyzz{width:120px; margin-right: 30px;cursor: pointer; }

.subMainBody .zzpic{width: 200px;margin-right: 20px;}
.subMainBody .zzpic.horizontal{width: 300px;}

.subMainBody .casebox{text-align: center;}
.subMainBody .casebox a{display:inline-block; margin:0 20px 30px 20px; }
.subMainBody .casebox a img{display: block; margin-bottom: 15px;}
.subMainBody .casebox a span{display: block; line-height: 36px; text-align: center;}


.subMainBody .newslist li{ border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.subMainBody .newslist li a{display: block; color: #2e6da4; font-size: 16px; margin-bottom: 10px;}
.subMainBody .newslist li p{color: #666; font-size: 14px; text-indent: 0; margin-bottom: 0;}
.subMainBody p img{width: 600px;}
.subMainBody .newslist li span{display: block; margin-top: 10px;}

.subMainBody .newstitle{text-align: center; border-bottom: 1px dotted #ccc; padding: 10px; margin-bottom: 30px;}
.subMainBody .newstitle h3{font-size: 20px; font-weight: bold; padding: 0 0 10px 0;  }
.subMainBody .newstitle span{font-size: 14px; color: #666;}

.sidebar-offcanvas{max-width: 360px; border: none;}
.sidebar-offcanvas .lefttopnavname{line-height: 72px;font-weight: bold; text-align: right; padding-right: 40px; background: url("../images/bk_subnav.png") left no-repeat; color: #fff; font-size: 18px;}
.panel.panel-default{border:none;box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.panel.panel-default .list-group-item{border-top: none;background-color: #f9f9f9;padding:0;  border-bottom: 1px dotted #333;margin-bottom: 0;border-radius: 0;}
.panel.panel-default .list-group-item a{display: block;text-align:right;padding: 0 40px 0 0; height: 60px; line-height: 60px;}
.panel.panel-default .list-group-item a:hover{background-color:#ff9977;font-size: 16px; transition: all .3s ease-out;}
.panel > .list-group:last-child .list-group-item:last-child{border-bottom: 1px dotted #333;border-radius: 0;}


.popdiv{position: fixed; top:-50000px; left:50%;z-index: 21; width: 902px; height: 602px; margin-left: -450px; margin-top: -300px; border: 1px solid #666; }
.popdiv .viewphoto{width: 480px; display:inline-block;transform-origin: 0 0;}
.popdiv .imgCaption{position: absolute; top: 620px; left:0; width: 100%; text-align:center; font-size: 18px; color: #fff; line-height: 24px;}

.popdiv .ctrlfw{position:absolute;top:255px; width: 90px; height: 90px; background: center no-repeat; background-size: cover;}
.pop-swiper-container{width: 900px; overflow: hidden;}
.pop-swiper-container .swiper-slide{height: 600px; background: center no-repeat; background-size: cover;}
.pop-swiper-container .swiper-slide span.swiper-imgtext{position: absolute;left: 0;bottom:-36px;width: 100%; text-align: center; color: #fff;font-size: 18px; background-color: rgba(0,0,0,.5);line-height: 36px;}

.pop-swiper-container .swiper-button-prev, .pop-swiper-container .swiper-button-next {width: 90px; height: 90px; margin-top: -45px; background-size: cover;}
.pop-swiper-container .swiper-button-prev{background-image: url("../images/home_fw_left.jpg");left: -150px;}
.pop-swiper-container .swiper-button-next{background-image: url("../images/home_fw_right.jpg"); right: -150px;}
.mask{display: none; position: fixed; top: 0; left:0; z-index:20; width: 100%; height: 100%; background-color: rgba(0,0,0,.85);}
.mask .closediv{position: absolute; top:20px; right: 30px; width: 40px; height: 40px; background: url("../images/close_icon.png") no-repeat; background-size: cover; cursor: pointer;}



@media screen and (max-width: 1200px) {


    #mainNav .fulllogo{width: 200px;}
    #mainNav li a{display: inline-block; padding: 0 20px;font-size: 18px; line-height: 100px; color: #000;}
    .subMainBody .zzpic {width: 180px;margin-right: 30px;}

    .main-swiper-container .swiper-slide{height: 300px;}


}
@media screen and (max-width: 992px) {
    #mainNav { width: 90%;}
    #mainNav .fulllogo{width: 200px;}
    #mainNav li a{display: inline-block; padding: 0 10px;font-size: 18px; line-height: 100px; color: #000;}
}

@media screen and (max-width: 768px) {
    html,body{width: 100%;overflow-x: hidden;height:auto;}
    .tybforpc{display: none;}
    .tybformob{display: inherit;}

    h1.title{font-size: 18px; font-weight: bold; padding: 20px 0 10px 0; text-align: center;}
    h3.title{font-size: 16px; font-weight: bold; padding: 20px 0 10px 0; text-align: center;}


    /*------------------------以下内容可删除-------------------------*/
    .navbar-brand{margin-top: 0;}
    .navbar-brand > img{height: 50px; margin-left: 10px; margin-top: 10px;}
    .navbar-toggle{margin-top: 20px;margin-right: 25px;margin-bottom: 15px;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #ddd;
    }
    .navbar {min-height: 80px;margin-bottom: 0;}
    .navbar-nav {margin: 0 -15px -0.5px -15px;}
    .nav > li > a { color: #000;background: url("../images/fw01.png") right no-repeat #fff; line-height: 36px; font-size:16px; padding: 0 30px 0 30px;}
    .nav > li { border-bottom: 1px dotted #ccc;}
    /*-----------------------------------------------------------------*/



    #mainNav{padding: 0;  max-width: 100%; width: 100%;  background-color: #fff; height: 72px; position: relative;z-index:11; left: 0; top: 0; margin-left: 0; }
    #mainNav .burger_menu{display: block;}
    #mainNav .burger_menu{ position: absolute; right:10px; top:10px; width: 30px;margin: 20px 20px 5px 0; height: 30px;}
    #mainNav .burger_menu .burger_line{height: 3px; width: 100%; background-color: #666; position: absolute;left:0; -webkit-transition:all 0.4s linear; }
    #mainNav .burger_menu .burger_line:nth-child(1){top:0;}
    #mainNav .burger_menu .burger_line:nth-child(2){top:8px;}
    #mainNav .burger_menu .burger_line:nth-child(3){top:16px;}
    #mainNav .burger_menu .hideline{opacity: 0;}
    #mainNav .burger_menu .rotate{-webkit-transform:rotate(45deg); -webkit-transform-origin: 8px 0}
    #mainNav .burger_menu .re_rotate{-webkit-transform:rotate(-45deg);-webkit-transform-origin: 0 0}

    #mainNav .fulllogo{margin-top:10px; width: 200px; height:50px; left: 0; top: 0; }


    #mainNav ul{position: absolute; left: 0; top: 0; height: 0; overflow: hidden; z-index: 10; background-color: rgba(0,0,0,.85); float:none ;margin-top: 72px; width: 100%;border-top: none;padding-top:0; }
    #mainNav li{float: none; width: 100%;text-align: center; border-bottom: 1px dotted #666;}
    #mainNav li a{font-size: 16px;display:block;  color: #fff; height:42px; line-height: 42px;}
    #mainNav li a:hover{text-decoration: none; color: #005bac;font-weight: bold;}


    .main-swiper-container .swiper-slide{background: center no-repeat; background-size: cover; height: 240px;}
    .main-swiper-container .mv-title{position: absolute;top:50px; left:50px; width: 100%; margin-left: 0; z-index: 9;}
    .main-swiper-container .mv-title img{width: 60%;}



    .main-intro{margin-top: 30px; height: auto;}
    .main-intro .container{width:100%;}
    .main-intro .row:first-child{height: auto;}

    .main-intro .col-md-4{margin: 0; padding: 0;width: 100%; height: 115px; }
    .main-intro .col-md-4:first-child{margin-left: 0;}

    .entrylink{position: absolute; top:0; left:50%; margin-left: -120px; display: block;margin-top: 0; width: 300px; opacity: 0;}
    .er{margin-left:-180px; }

    .entrylink p{float: left; display:block;width: 210px; height: 115px;overflow: hidden;}
    .entrylink p img{width: 100%; height: auto;}
    .entrylink .entrytxtbox{float: left; height: 115px; padding-top: 20px; background: #f43700; text-align: center; width: 90px; transition: 0s;}
    .entrylink:hover .entrytxtbox{background-color: #f43700;}
    .entrytxtbox .title{font-size:14px;font-weight: bold; color: #fff;display: block; text-align: center;margin-bottom: 20px; }
    .entrytxtbox .more{display: inline-block; padding: 3px 5px; font-size: 12px; border: 1px solid #fff; color: #fff;}
    .entrylink:hover .entrytxtbox .title{color: #fff;}
    .entrylink:hover .entrytxtbox .more{border: 1px solid #fff; color: #fff;}
    .entrytxtbox.formob{background-color: #f8f8f8;}
    .entrytxtbox.formob .title{color: #000;}
    .entrytxtbox.formob .more{border: 1px solid #000; color: #000;}

    .introtext{margin: 150px auto 0 auto;padding: 0; width: 330px; opacity: 0;}
    .introtext .title{color: #fff; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px;}
    .introtext p{color: #fff; font-size: 15px;text-align: center; line-height: 1.6; display:block; width: 320px; margin: 0 auto;}

    .introtext .forpcbr{display: none;}
    .main-intro .row:last-child{opacity: 1; margin-top: 0;}

    .kdbox{width: 320px; margin: 15px auto 0 auto;font-size: 0; text-align: center;}
    .kdbox li{display: inline-block;width: 48%;text-align: center; padding-bottom: 5px;}
    .kdbox li span{font-size: 16px;color: #fff;}
    .kdbox li em{display: block;position:relative; text-align: center; font-size: 36px;color: #fff; font-weight: bold}
    .kdbox li em sup{font-size: 16px;padding-left: 5px; font-weight: normal;}


    .tab_title{margin-top: 15px;}
    .news_tab .news_area .badge{display: none;}

    .events-title{margin-top: 30px; width: 100%; padding:30px 10px 0 0; background-size: 35%;color:#985f0d; text-align: right;font-size: 18px;}
    .events-title.news{border-bottom: none; height: 80px; opacity: 0;}
    .newsbox{padding: 10px 0; border-bottom: none; margin-top: 50px; opacity: 0;}
    .newsbox:last-child{border-bottom: 1px dotted #666;}
    .newsbox .title{float:left; font-size: 16px; margin-bottom: 10px; width: 100%; padding: 5px 10px; background-color: #efefef;}
    .newsbox .news-list{float:right;width: 100%; }
    .newsbox .news-list .more{display: block;font-size: 14px;color: #666; text-align: right; margin-top: 10px;font-weight: bold;}

    .newsbox .news-list li:first-child{margin-bottom: 15px;}
    .newsbox .news-list li a{display: block; padding-left: 10px; font-size: 14px;color: #000;margin-bottom: 10px;}
    .newsbox .news-list li a:hover{color:#f43700; font-weight: bold; }
    .newsbox .news-list li span{display: inline-block; padding-left: 10px;font-size: 14px;color: #999;}

    .events-title.case{height: 80px; margin: 10px 0; background-size: 20%;}

    #homeCase{opacity: 0; margin-top: 50px;}



    .footer{padding-bottom: 20px; margin-top: 10px; }
    .footer .container{padding: 0;}
    .tyb-right{float: none;}
    .foot-logo{ display: none;}
    .foot-qrcode{float: none; width: 100%; text-align: center;padding-top: 20px;font-size: 14px;}
    .foot-link-address{float: none; width: 100%; padding-top: 20px; overflow: hidden;}
    .foot-link-address .footlinkbox{text-align: center;}
    .foot-link-address .footlinkbox a{display: inline-block; font-size: 13px; padding-left: 10px; padding-right: 7px; background: url("../images/bkline.png") left no-repeat;}
    .foot-link-address .footlinkbox a:first-child{background: none;}
    .contact-address{margin-top: 20px; margin-left: 0; }
    .contact-address .title{display: none;}
    .contact-address p{display: block;width: 100%; text-align: center; padding-left:0; font-size: 13px;float: left; line-height: 2;}
    .contact-address p span{display: inline-block; padding-left: 20px;}
    .beian-copyright{margin-top: 20px;color: #666; text-align: center;}
    .beian-copyright a{padding-left: 30px; margin-right: 0;}
    .beian-copyright span{display: block; margin-top: 15px; background: none; padding-left: 0;text-align: center; }


    .subMainTop{height: 180px;}
    .t-group{background:url("../images/sub_main02.jpg") -75px 0 no-repeat;background-size: cover;}
    .subMainTop .subTitle{ text-align: right; padding: 50px 20px 0 0;}
    .subMainTop .subTitle img{width: 200px;}
    .breadcrumb > li:nth-child(2){display: none;}
    .content-pic{ height: 160px; margin: 0 -15px;}
    .content-pic span{position: absolute; height: 160px; top:0; left:0; width: 100%;}


    .pull-right.visible-xs{margin-top: 16px;}
    .btn-primary {color: #fff;background-color: #f43700;border-color: #f43700;}
    .btn-primary:hover{color: #fff;background-color: #f43700;border-color: #f43700;}


    .btn-primary:focus,.btn-primary.focus {color: #fff;background-color: #f43700;border-color: #f43700; }
    .btn-primary:hover {color: #fff;background-color: #f43700;border-color: #f43700; }
    .btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary {color: #fff;background-color: #f43700;border-color: #f43700;}

    .row-offcanvas {position: relative;-webkit-transition: all .25s ease-out;transition: all .25s ease-out;}
    .row-offcanvas-right {right: 0;}
    .row-offcanvas-left {left: 0;}
    .row-offcanvas-right .sidebar-offcanvas {right: -50%;}
    .row-offcanvas-left .sidebar-offcanvas {left: -50%;}
    .row-offcanvas-right.active { right: 50%;}
    .row-offcanvas-left.active { left: 50%;}
    .sidebar-offcanvas{ position: absolute; top: 0;width: 50%;}
    .pagePath{margin-bottom:0;}
    .subMainBody{padding: 10px 0 20px 0;}
    .sidebar-offcanvas .lefttopnavname{line-height: 42px;padding-right: 20px; font-size: 16px;}
    .panel.panel-default .list-group-item a{padding: 0 20px 0 0; height: 36px; line-height: 36px;}

    .subMainBody p{text-indent: 0;}
    .subMainBody .photoalbum{width: 330px; overflow: hidden;}
    .subMainBody .photoalbum .swiper-slide{margin: 0 0 20px 0; width: 155px; height: 103px; overflow: hidden; border-radius: 3px; background: center no-repeat; background-size: cover;cursor:pointer;}
    .subMainBody .photoalbum .swiper-slide:nth-child(odd){margin-left: 0;}
    .subMainBody .photoalbum .swiper-slide:nth-child(even){margin-left: 20px;}


    .subMainBody .media{margin-bottom: 10px; padding: 10px;background-color: #fff;}
    .subMainBody .media-left{text-align: center;}
    .subMainBody .media-left a{display: block; width: 100%; height: 128px; border-radius: 5px; }
    .subMainBody .media-heading{font-weight: bold; font-size: 16px;}

    .subMainBody .yyzz {margin-right: 0; margin-bottom: 0;}

    .subMainBody .media-left,.subMainBody .media-right,.subMainBody .media-body {display: block; width: 100%; padding:0 0 15px 0; }
    .subMainBody .zzpic{width: 96px; margin-right: 0;}
    .subMainBody .zzpic.horizontal{width: 135px;}


    .subMainBody .newstitle{padding: 10px; margin-bottom: 20px;}
    .subMainBody .newstitle h3{font-size: 16px; font-weight: bold; padding: 0 0 10px 0;  }
    .subMainBody .newstitle span{font-size: 12px; color: #666;}
    .subMainBody p img{width: 100%; margin-bottom: 15px;}

    .popdiv{ top:-50000px; left:0;width: 100%; height: 240px; margin-top: -120px; margin-left: 0;}
    .pop-swiper-container{position: relative;width: 100%; height:240px;}
    .pop-swiper-container .swiper-slide{height: 240px; width: 100%; background-size: cover; }
    .pop-swiper-container .swiper-slide span.swiper-imgtext{bottom:-36px;font-size: 14px; line-height: 24px;}


    .pop-swiper-container .swiper-button-prev, .pop-swiper-container .swiper-button-next {width: 40px; height: 40px; margin-top: -20px;}
    .pop-swiper-container .swiper-button-prev{left: 0;}
    .pop-swiper-container .swiper-button-next{right: 0;}
    .mask .closediv{position: absolute; top:50%; margin-top: -180px; right: 15px; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 100%;}

    .popdiv .viewphoto{width: 100%; display:inline-block;}
}

@media screen and (max-width: 320px) {
    .introtext{width: 290px; }
    .introtext p{width: 290px; font-size: 14px;}
}

/*-------------------------------------------首页case swiper-------------------------------------------*/
.case-swiper-container{padding-bottom:40px; position: relative;width: 1200px;overflow-x: hidden;}
.swiper-wrapper{}
.case-swiper-container .swiper-slide{width:560px;transition-timing-function:linear;}
@media only screen and (max-width:1200px){
    .case-swiper-container .swiper-slide {width:770px;}
}
@media only screen and (max-width:980px){
    .case-swiper-container .swiper-slide { width:471px; }
}
@media only screen and (max-height:480px){
    .case-swiper-container .swiper-slide { width:471px; }
}
.case-swiper-container .swiper-slide img{ width:100%;border-radius: 4px;}
.case-swiper-container .swiper-slide .title{position:absolute; transform:rotate(90deg); transform-origin:left top; left:-3px;font-size:11px; color: rgb(102, 102, 102);}
.case-swiper-container .swiper-button-next,.case-swiper-container .swiper-button-prev{width:60px; height:60px; background-size:cover; margin-top:-50px;  outline:none;}
.case-swiper-container .swiper-button-next{background-image:url(../images/home_fw_right.jpg);}
.case-swiper-container .swiper-button-prev{background-image:url(../images/home_fw_left.jpg);}
.case-swiper-container .swiper-pagination-bullet{background:none; opacity:1; margin:0 6px !important; width:9px; height:9px; position:relative; outline:none; vertical-align:middle;}
.case-swiper-container .swiper-pagination-bullet span{width:3px; height:3px;background:#CCC; display:block;  border-radius:50%; margin-top:3px; margin-left:3px;}
.case-swiper-container .swiper-pagination-bullet i{background:#000;  height:1px; width:20px; position:absolute; top:4px; transform:scaleX(0); transform-origin:left;z-index:3;transition-timing-function:linear;}
.case-swiper-container .swiper-pagination-bullet-active span,.case-swiper-container .swiper-pagination-bullet:hover span{width:9px;  height:9px;  margin-top:0; margin-left:0; background:#000; position:relative; z-index:1;}
.case-swiper-container .swiper-pagination-bullet-active i{ animation:middle 6s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;}
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}/*091*/
    100% {transform:scaleX(1);left:2px;} /*0915*/
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-10px;}/*1090*/
    20% {transform:scaleX(0.3);left:2px;} /*090*/
    100% {transform:scaleX(0.3);left:0px;} /*090*/
}
@keyframes middle{
    0% {transform:scaleX(0.7);left:-10px;}/*1091*/
    20% {transform:scaleX(0.45);left:2px;}/*092*/
    100% {transform:scaleX(1);left:2px;} /*0913*/
}

@media screen and (max-width: 768px) {
    .case-swiper-container{width: 100%;}
    .swiper-button-next, .swiper-button-prev{
        width:45px;
        height:45px;
        margin-top:-45px;
    }
}
/*--------------------------------------------荣誉证书 swiper------------------------------------------*/
.apple-retail {margin: 30px 0;}
.ry-swiper-container{padding-bottom: 30px; width: 100%; overflow-x:hidden;}
.ry-swiper-container .swiper-slide {text-align: center;padding: 0 calc((100vw - 960px) * .1);  width: 960px;}
.ry-swiper-container .swiper-pagination{padding-top: 0;}
.ry-swiper-container .swiper-pagination-bullet{display: inline-block; background: #666;color: #000; height: 7px; width:7px;opacity:.9}
.ry-swiper-container .swiper-pagination-bullet-active{display: inline-block; background-color: #f43700; color: #fff; border-radius: 100%;}
.inner figure { width: 100%;}
.inner figure img {width: 100%; border-radius: 6px; }
.gallery-item-desc {width: 80%; text-align: left; display: inline-block;padding-top: 46px; opacity: 0; transition-duration: 1.2s; }
.init .gallery-item-desc {opacity: 1; }
.gallery-item-desc h3 { line-height: 1.16667; font-weight: 600;letter-spacing: .009em; color: #111;  font-size: 20px;   }
.gallery-item-desc p { margin-top: 1em; color: #333; font-size: 15px; }
.ry-swiper-container .swiper-slide-prev .gallery-item-desc {transform: translateX(-70px); }
.ry-swiper-container .swiper-slide-next .gallery-item-desc { transform: translateX(70px);  }
.ry-swiper-container .swiper-slide-active .gallery-item-desc { opacity: 1; transform: translateX(0); }
@media only screen and (max-width: 1068px) {
    .ry-swiper-container .swiper-slide { padding:0 calc((100vw - 576px) * .15); width: 576px; }
    .gallery-item-desc { padding-top: 41px;}
}
@media only screen and (max-width: 735px) {
    .ry-swiper-container .swiper-slide {transform: scale(.9); padding: 0; width: 85vw; margin: 0 0; min-width: 272px; }
    .ry-swiper-container .swiper-slide-active { transform: scale(1); }
    .gallery-item-desc { padding-top: 10px; width: 90%; }
}
.ry-swiper-container .swiper-button-next, .ry-swiper-container .swiper-button-prev { top: 40%; background-size: cover; border-radius: 50%; width: 52px; height: 52px; transition: all .5s;outline: none; opacity: .5;}
.mouse-hover .swiper-button-next, .mouse-hover .swiper-button-prev { opacity: 1; }
.ry-swiper-container .swiper-button-next:hover, .ry-swiper-container .swiper-button-prev:hover {  background-color: rgba(0,0,0,.8);}
.ry-swiper-container .swiper-button-next {right: 20px; background-image: url("../images/home_fw_right.jpg");}
.ry-swiper-container .swiper-button-prev {left: 20px; background-image: url("../images/home_fw_left.jpg");}
.ry-swiper-container  .swiper-button-next.swiper-button-disabled, .ry-swiper-container .swiper-button-prev.swiper-button-disabled { opacity: .5;}
@media screen and (max-width: 768px) {
    .ry-swiper-container{padding-bottom: 120px; width: 100%; overflow-x:hidden;}
    .ry-swiper-container .swiper-button-next, .ry-swiper-container .swiper-button-prev {
        top: 300px; background-size: cover;
        border-radius: 0; width: 42px; height: 42px;
        transition: none;outline: none; opacity:1;}
    .ry-swiper-container .swiper-button-next {right: 100px;}
    .ry-swiper-container .swiper-button-prev {left: 100px;}
    .gallery-item-desc h3 { line-height: 1.2; font-weight: bold;color: #111;  font-size: 16px;   }
}

.ry-swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

/*--------------------------------------------END------------------------------------------*/