@charset 'utf-8';
:focus {
    outline: none !important;
    border:none !important;
}
.itemdiv
{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 29px;

    display: inline-block;
    float: right;

    height: 29px;
    padding-right: 9px;
    padding-left: 9px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    text-align: center;
    letter-spacing: .4px;

    color: #fff;
    background: #d9232d;
}
.itemdiv img
{
    display: inline-block !important;
    float: none !important;

    width: 18px;
    height: 18px;
    margin-top: 0 !important;
    margin-bottom: 3px;
}
.slick-prev,
.slick-next
{
    z-index: 10;

    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 767px)
{
    .hidden-xs
    {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-sm
    {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-md
    {
        display: none !important;
    }
}
@media (min-width: 1200px)
{
    .hidden-lg
    {
        display: none !important;
    }
}
input
{
    -webkit-appearance: none;
}
a:focus,
a:active,
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
select::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner
{
    border: 0;
    outline: 0;
}
@font-face
{
    font-family: 'RL';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.woff') format('woff'),
    url('../fonts/roboto-light-webfont.ttf') format('truetype'),
    url('../fonts/roboto-light-webfont.svg') format('svg');
}
@font-face
{
    font-family: 'RC';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/Roboto-BoldCondensed.eot');
    src: url('../fonts/Roboto-BoldCondensed.woff') format('woff'),
    url('../fonts/Roboto-BoldCondensed.ttf') format('truetype'),
    url('../fonts/Roboto-BoldCondensed.svg') format('svg');
}
@font-face
{
    font-family: 'RM';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
    url('../fonts/roboto-medium-webfont.woff') format('woff'),
    url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
    url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
}
@font-face
{
    font-family: 'RL';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/RL.eot');
    src: url('../fonts/RL.woff') format('woff'),
    url('../fonts/RL.ttf') format('truetype'),
    url('../fonts/RL.svg') format('svg');
}
@font-face
{
    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot?t=1486105146520'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1486105146520#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff?t=1486105146520') format('woff'), /* chrome, firefox */
    url('../fonts/iconfont.ttf?t=1486105146520') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg?t=1486105146520#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sousuo:before
{
    content: '\e61e';
}

.icon-weibo:before
{
    content: '\e60a';
}

.icon-weixin:before
{
    content: '\e66f';
}
.img-responsive
{
    max-width: 100%;
}
body
{
    color: #333;
}
a
{
    color: #333;
}
.header
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 92px;
    padding-right: 55px;
    padding-left: 55px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

    border-bottom: 1px solid #574e4e;
}
.header.act
{
    border-color: transparent;
    background: #fff;
    box-shadow: 0 5px 5px rgba(6,0,1,.2);
}
.header.act .mainli.act::after
{
    opacity: 1;
}
.header.act .mainli .maina
{
    color: #333;
}
.header .logo
{
    line-height: 92px;
}
.logo img
{
    width: 171px;
}
.header .mainli
{
    position: relative;

    float: left;

    height: 100%;
    padding-right: 34px;
    padding-left: 34px;

    letter-spacing: .5px;
}
.header .mainli::after
{
    position: absolute;
    bottom: -2px;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    opacity: 0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid red;
    border-left: 7px solid transparent;
}
.header .mainli.act::after
{
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

    opacity: 1;
}.header .mainli.act2::after
 {
     opacity: 1 !important;
 }
.header .mainli:last-child
{
    padding-right: 0;
}
.header .mainli .maina
{
    font-size: 16px;
    line-height: 92px;

    display: inline-block;

    height: 100%;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

    color: #fff;
}
.header .mainli .maina.iconfont
{
    font-size: 22px;

    padding-bottom: 2px;

    vertical-align: middle;
}
.header .mainli:last-child .la
{
    position: relative;

    padding-right: 30px;
}
.header .mainli:last-child::after
{
    display: none;
}
.header .mainli:last-child .la::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 1px;
    height: 16px;

    content: '';
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    background: #c9c9c9;
}
.header .mainli:last-child .ra
{
    padding-left: 28px;
}
.header .dropmenu
{
    position: absolute;
    top: 91px;
    left: 0;

    width: 100%;
}
.header .dropmenu .drop
{
    display: none;

    padding-top: 15px;
    padding-bottom: 30px;

    border-top: 2px solid #f00;
    background: rgba(255,255,255,.8);
}
.header .dropmenu .drop .indrop
{
    width: 1200px;
    margin: auto;
}
.header .dropmenu .drop ul
{
    width: 847px;
}
.header .dropmenu .drop li
{
    width: 300px;
    margin-right: 122px;
    padding-top: 15px;
    padding-bottom: 15px;

    border-bottom: 1px solid #b6b6b6;
}
.header .dropmenu .drop li a
{
    font-size: 16px;

    display: inline-block;

    transform: translateX(0px);

    color: #333;
}
.header .dropmenu .drop li a:hover
{
    transform: translateX(8px);

    color: #ca161a;
}
.header .dropmenu .dropsearch
{
    width: 521px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 83px;
}
.header .dropmenu .dropsearch .searchtext
{
    font-size: 16px;

    width: 300px;
    height: 33px;

    border-bottom: 1px solid #b7b6b6;
}
.header .dropmenu .dropsearch .searchsub
{
    font-size: 16px;

    margin-left: 25px;

    color: #ca161a;
}
.header .dropmenu .linkdiv
{
    padding-right: 18px;
}
.header .dropmenu .linkdiv img
{
    width: 291px;
    height: 145px;
}
.header .dropmenu .linkdiv h4
{
    font-size: 16px;

    margin-top: 25px;
}
/*手机头部*/
.headerm
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    padding: 20px;

    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
.headerm.act
{
    position: absolute;
}
.headerm .logodiv
{
    padding-top: 8px;
}
.headerm .logodiv img
{
    width: 171px;
}
.headerm .navbtn
{
    position: relative;

    width: 48px;
    height: 48px;

    background: #c8161e;
}
.headerm .navbtn span
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: inline-block;

    width: 26px;
    height: 1px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    background: #fff;
}
.headerm .navbtn img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 25px;
    height: 25px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    opacity: 0;
}
.headerm .navbtn span::before,
.headerm .navbtn span::after
{
    position: absolute;
    left: 0;

    width: 26px;
    height: 1px;

    content: '';

    background: #fff;
}
.headerm .navbtn span::before
{
    top: -7px;
}
.headerm .navbtn span::after
{
    top: 7px;
}
.headerm .navbtn.act span
{
    opacity: 0;
}
.headerm .navbtn.act img
{
    opacity: 1;
}
.dropmenum
{
    position: absolute;
    top: 88px;
    left: 0;

    display: none;

    width: 100%;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;

    border-top: 1px solid #ddd;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,.1);
}
.dropmenum ul .mainli ul
{
    display: none;
}
.dropmenum ul .mainli h5
{
    font-size: 14px;

    padding-top: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #ddd;
}
.dropmenum ul .mainli h5 .fr
{
    line-height: 45px;

    width: 30px;
    height: 100%;
    margin-top: -15px;
    margin-bottom: -15px;
    padding-right: 10px;

    text-align: center;
}
.dropmenum ul .mainli li
{
    padding-top: 15px;
    padding-bottom: 15px;
}
.dropmenum ul .mainli ul
{
    padding-left: 35px;

    border-bottom: 1px solid #ddd;
}
.dropmenum ul .mainli h5 a,
.dropmenum ul .mainli li a
{
    color: #333;
}
.headerm form
{
    line-height: 39px;

    width: 100%;
    height: 39px;

    color: #666;
    border-bottom: 1px solid #ddd;
}
.headerm form input
{
    width: 80%;
}
.headerm .serbtn
{
    margin-top: 6px;

    cursor: pointer;
}
.headerm .iconfont
{
    font-size: 26px;

    color: #ccc;
}
.nbarm
{
    position: relative;
    z-index: 60;
}
/*banner*/

.banner
{
    position: relative;
}
.banner .slick-dots
{
    bottom: 68px;
}
.banner .slick-dots li
{
    width: 10px;
    height: 10px;
    margin: 0 8px;
}
.banner .slick-dots li button
{
    width: 10px;
    height: 10px;

    opacity: .5;
    border-radius: 50%;
    background: #fff;
}
.slick-dots li.slick-active button
{
    opacity: 1;
}
.banner .slick-dots li button::before
{
    display: none;
}
.banner .slick-prev,
.banner .slick-next
{
    z-index: 9;
    top: 54%;

    width: 49px;
    height: 48px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: .7;
    background-size: cover;
}
.banner .slick-prev:hover,
.banner .slick-next:hover
{
    opacity: 1;
}
.banner .slick-prev
{
    left: 55px;

    background: url(../images/la.png);
}
.banner .slick-next
{
    right: 55px;

    background: url(../images/ra.png);
}
/*popbox*/

.banner .popbox
{
    position: absolute;
    z-index: 20;
    right: 1px;
    bottom: -537px;

    -webkit-transition: all .4s ease-out 0s;
       -moz-transition: all .4s ease-out 0s;
        -ms-transition: all .4s ease-out 0s;
         -o-transition: all .4s ease-out 0s;
            transition: all .4s ease-out 0s;
}
.banner .popbox.act
{
    bottom: 0;
}
.banner .popbox.act .popbtn1
{
    background: url(../images/close.png) no-repeat center;
}
.banner .popbox .popbtn1
{
    font-size: 16px;

    display: block;

    width: 206px;
    height: 40px;
    margin: auto;
    padding-top: 14px;
    padding-left: 35px;

    color: #fff;
    background: url(../images/pop.png) no-repeat center;
}
.banner .popbox .group
{
    margin-top: 50px;
}
.banner .popbox .content
{
    padding-top: 5px;
    padding-right: 122px;
    padding-bottom: 55px;
    padding-left: 55px;

    background: rgba(51,0,0,.7);
}
.banner .popbox .content h4
{
    font-size: 16px;

    display: inline-block;
}
.banner .popbox .content h4.subt
{
    font-weight: bold;
    line-height: 29px;
    font-size:14px;
    width: 109px;
    height: 29px;
    margin-right: 10px;

    text-align: center;
    letter-spacing: -0.5px;

    color: #535353;
    background: #f7f2e4;
}
.banner .popbox .content h4.time
{
    font-family: 'RL';

    letter-spacing: .75px;

    color: #f7f2e4;
}
.banner .popbox .content p
{
    font-size: 22px;

    overflow: hidden;

    margin-top: 20px;
    margin-bottom: 20px;

    white-space: nowrap;
    letter-spacing: .75px;
    text-overflow: ellipsis;

    color: #f7f2e4;
}
.banner .popbox .content a
{
    font-family: 'RL';
    font-size: 18px;

    position: relative;

    padding-left: 18px;

    color: #f7f2e4;
}
.banner .popbox .content a::after
{
    position: absolute;
    top: 3px;
    left: 0;

    width: 11px;
    height: 19px;

    content: '';

    background: url(../images/delta.png) center no-repeat;
}
/*尾部*/

.footer
{
    height: 50px;
    padding-right: 55px;
    padding-left: 55px;

    letter-spacing: .5px;

    color: #ebeaea;
    background: #535353;
}
.footer div
{
    line-height: 50px;

    height: 100%;
}
.footer a
{
    position: relative;

    margin-left: 6px;

    color: #ebeaea;
}
.footer .fr a span
{
    font-size: 22px;

    vertical-align: middle;
}
.footer .fr a .erweima
{
    position: absolute;
    z-index: 60;
    bottom: 20px;
    left: 45%;

    width: auto;
    height: 0;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}
@media screen and (min-width: 768px)
{
    .footer .fr a:hover .erweima
    {
        height: 138px;
    }
}
/*首页*/
.index
{
    font-size: 0;

    position: relative;
    z-index: 25;
}
.index p
{
    font-size: 16px;
    line-height: 2.14;

    letter-spacing: .5px;

    color: #333;
}
.index .top
{
    height: 330px;
}
.index .video
{
    position: relative;

    overflow: hidden;

    width: 40%;
    height: 100%;
}
.index .video:hover .videoimg
{
    -webkit-transform: translate(-50%,-50%) scale(1.2);
       -moz-transform: translate(-50%,-50%) scale(1.2);
        -ms-transform: translate(-50%,-50%) scale(1.2);
         -o-transform: translate(-50%,-50%) scale(1.2);
            transform: translate(-50%,-50%) scale(1.2);
}
.index .video:hover .play
{
    -webkit-transform: translate(-50%,-50%) rotate(360deg);
       -moz-transform: translate(-50%,-50%) rotate(360deg);
        -ms-transform: translate(-50%,-50%) rotate(360deg);
         -o-transform: translate(-50%,-50%) rotate(360deg);
            transform: translate(-50%,-50%) rotate(360deg);
}
.index .video img.videoimg
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: all 1.2s ease-out 0s;
       -moz-transition: all 1.2s ease-out 0s;
        -ms-transition: all 1.2s ease-out 0s;
         -o-transition: all 1.2s ease-out 0s;
            transition: all 1.2s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.index .video .play
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transition: all .8s ease-out 0s;
       -moz-transition: all .8s ease-out 0s;
        -ms-transition: all .8s ease-out 0s;
         -o-transition: all .8s ease-out 0s;
            transition: all .8s ease-out 0s;
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
       -moz-transform: translate(-50%,-50%) rotate(0deg);
        -ms-transform: translate(-50%,-50%) rotate(0deg);
         -o-transform: translate(-50%,-50%) rotate(0deg);
            transform: translate(-50%,-50%) rotate(0deg);

    opacity: 1;
}
.index .news
{
    width: 60%;
    height: 100%;
}
.index .news .left
{
    width: 33.34%;
    height: 100%;
}
.index .news .left ul
{
    height: 100%;
}
.index .news .right
{
    width: 66.6%;
    height: 100%;
}
.index .news li
{
    position: relative;
    z-index: 5;

    height: 33.33333333%;
    padding-top: 34px;

    background-repeat: no-repeat;
    background-position: 28.5% center;
}
.index .news li::after
{
    position: absolute;
    z-index: 5;
    top: 50%;
    right: -18px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #ca161a;
}
.index .news li.act::after
{
    opacity: 1;
}
.index .news li:first-child
{
    background-color: #ca161a;
    background-image: url(../images/a2.png);
}
.index .news li:nth-child(2)
{
    background-color: #ea472b;
    background-image: url(../images/a3.png);
}
.index .news li:nth-child(2)::after
{
    border-left-color: #ea472b;
}
.index .news li:last-child
{
    background-color: #f17951;
    background-image: url(../images/a4.png);
}
.index .news li:last-child::after
{
    border-left-color: #f17951;
}
.index .news li .ib
{
    text-align: left;
}
.index .news li .ib h4
{
    font-family: 'RL';

    margin-top: 5px;
}
.index .news .right .con
{
    height: 100%;
    padding: 55px;

    background: #fff;
}
.index .news .right .con:hover .itemdiv
{
    background: #b51317;
}
.index .news .right .con h4
{
    font-size: 22px;
    line-height: 1.2;

    overflow: hidden;

    max-height: 53px;
    margin-top: 22px;
    margin-bottom: 20px;

    letter-spacing: 1.4px;

    color: #ea472b;
}
.index .news .right .con p
{
    overflow: hidden;

    max-height: 95px;
}
.index .news .right .con .more
{
    margin-top: 29px;
}
.index .more
{
    font-size: 16px;
    font-weight: bold;

    display: block;
}
.index .more a
{
    vertical-align: middle;

    color: #ea472b;
}
.index .more .bdsharebuttonbox a{
    float: none;
    font-size: 12px;
    padding-left: 0;
    line-height: 16px;
    height: 16px;
    background-image: url(../images/share.png);
    margin:0;
    display: block;
    background-position:center;
    width: 22px;
    height: 22px;
    background-size:22px 22px ;
}
.index .bottom .ib21 p {
    text-align: justify;
}
.index .sbordiv
{
    width: 60px;
    height: 2px;
    margin-top: 13px;

    background: #d9232d;
}
.index .bordiv
{
    display: inline-block;

    width: 60px;
    height: 1px;

    background: #bebec0;
}
.index .bottom .ib
{
    position: relative;

    width: 20%;
    height: 470px;
    padding-right: 50px;
    padding-left: 50px;
}
.index .bottom .ib p
{
    font-size: 16px;

    overflow: hidden;
    color: #6a6a6a;
    max-height: 210px;
}
.index .bottom .ib1 p {
    font-size:14px;
}
.index .bottom .ib1
{
    padding-top: 118px;
    padding-bottom: 120px;

    background: url(../images/shibo.jpg) center;
    background-size: cover;
}
.index .bottom .ib1 h1
{
    color: #ea472b;
}
.index .bottom .ib1 .bordiv
{
    margin-top: 20px;
    margin-bottom: 25px;
}
.index .bottom .ib2
{
    position: relative;
    z-index: 10;

    padding-top: 55px;

    background: #ebe8d9;
}
.index .bottom .ib2::after
{
    position: absolute;
    top: 122px;
    right: -18px;

    width: 0;
    height: 0;

    content: '';

    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 18px solid #ebe8d9;
}
.index .bottom .ib2 h3
{
    font-family: 'RL';
}
.index .bottom .ib2 h4
{
    font-size: 22px;

    overflow: hidden;

    margin-top: 25px;
    margin-bottom: 22px;

    white-space: nowrap;
    letter-spacing: 1.2px;
    text-overflow: ellipsis;

    color: #ea472b;
}
.index .bottom .more
{
    position: absolute;
    bottom: 55px;
    left: 55px;
}
.index .bottom .ib3
{
    padding-right: 0;
    padding-left: 0;

    color: #fff;
    background: url(../images/anli.jpg) center;
    background-size: cover;
}
.index .bottom .op
{
    width: 100%;
    height: 100%;
    padding-top: 174px;
    padding-right: 15px;
    padding-left: 15px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: 0;
    background: rgba(0,0,0,.7);
}
.index .bottom .iball
{
    display: inline-block;

    width: 40%;
}
.index .bottom .iball .ib
{
    width: 50%;
}
.index .bottom .iball .ib3,
.index .bottom .iball .ib4
{
    padding-right: 0;
    padding-left: 0;
}
.index .bottom .iball:hover .op
{
    opacity: 1;
}
.index .bottom .iball:hover .itemdiv
{
    background: #b51317;
}
.index .bottom .ib3 .bordiv,
.index .bottom .ib4 .bordiv
{
    display: block;

    width: 79px;
    height: 1px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 20px;

    background: #fff;
}
.index .bottom .ib3 a,
.index .bottom .ib4 a
{
    display: block;

    width: 100%;
    height: 100%;

    color: #fff;
}
.index .bottom .ib3 h4,
.index .bottom .ib4 h4
{
    font-size: 16px;
}
.index .bottom .ib4
{
    position: relative;

    overflow: hidden;

    padding-right: 0;
    padding-left: 0;

    background: url(../images/xinwen.jpg) no-repeat center;
}
/*发展历程*/
.inban
{
    height: 300px;
    margin-top: 92px;
}
.inban img
{
    max-width: 100%;
}
.nbar
{
    padding-right: 55px;
    padding-left: 55px;

    border-bottom: 1px solid #e0e0e0;
}
.nbar ul
{
    border-left: 1px solid #e0e0e0;
}
.nbar li
{
    font-size: 16px;
    line-height: 60px;

    float: left;

    width: 125px;
    height: 60px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    color: #666;
    border-top: 3px solid transparent;
    border-right: 1px solid #e0e0e0;
}
.nbar li.act,
.nbar li:hover
{
    color: #c8161e;
    border-top-color: #c8161e;
}
.nbarm .fir
{
    position: relative;

    height: 50px;
}
.nbarm .fir h5
{
    line-height: 50px;

    position: relative;

    padding-right: 20px;
    padding-left: 20px;

    color: #c8161e;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}
.nbarm .fir .imgbtn
{
    position: absolute;
    top: 50%;
    right: 20px;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.nbarm .fir ul
{
    position: absolute;
    z-index: 10;

    display: none;

    width: 100%;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;

    border-bottom: 1px solid #e0e0e0;
    background: #f7f7f7;
}
.nbarm .fir ul li
{
    padding-top: 12px;
    padding-bottom: 12px;

    color: #666;
}
.nbarm .fir ul li.act
{
    color: #c8161e;
}
.nbarm .sec
{
    height: 50px;

    border-bottom: 1px solid #e0e0e0;
    background: #f7f7f7;
}
.nbarm .sec li
{
    line-height: 50px;

    display: inline-block;

    margin-right: 15px;
    margin-left: 15px;
}
.nbarm .sec li a
{
    color: #333;
}
.nbarm .sec li.act a
{
    color: #c8161e;
}
.bg
{
    background: #f7f2e4;
}
.pd
{
    padding-right: 55px;
    padding-left: 55px;
}
.pro
{
    padding-top: 65px;
    padding-bottom: 120px;
    overflow: hidden;
}
.pro h1,
.pro h4
{
    text-align: center;
    letter-spacing: .75px;

    color: #c8161e;
}
.pro h4
{
    font-family: 'RL';
    font-size: 24px;

    margin-top: 12px;
}
.pro .timeline
{
    height: 21px;
    margin-top: 100px;
    margin-right: -55px;
    margin-left: -55px;

    background: url(../images/timescroll.png) no-repeat top center;
}

.pro .time
{
    font-family: 'RL';

    margin-top: 18px;
}
.pro .time .slick-prev,
.pro .time .slick-next
{
    top: -80px;

    width: 27px;
    height: 27px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 27px;
}
.pro .time .slick-prev
{
    left: 0;

    background-image: url(../images/l.png);
}
.pro .time .slick-next
{
    right: 0;

    background-image: url(../images/r.png);
}
.pro .time .item.slick-current
{
    color: #c8161e;
}
.pro .time .slick-list
{
    padding-bottom: 25px !important;
}
.pro .time .item::after
{
    position: absolute;
    bottom: -22px;
    left: 50%;

    width: 15px;
    height: 9px;

    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    opacity: 0;
    background: url(../images/delta2.png) no-repeat center;
}

.pro .time .item.slick-current::after
{
    opacity: 1;
}
.pro .time .item
{
    font-size: 18px;

    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
}
.pro .timecontent
{
    width: 1200px;
    margin: auto;
    margin-top: 62px;
}
.pro .timecontent h2
{
    font-family: 'RM';

    margin-bottom: 60px;
}
.pro .timecontent h2 img
{
    display: inline-block;

    margin-right: 27px;
}
.pro .timecontent .l .imgdiv
{
    position: relative;

    width: 486px;
    height: 324px;
}
.pro .timecontent .l img
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: 0;
}
.pro .timecontent .l img.act
{
    opacity: 1;
}
.pro .timecontent p:first-child 
{
    margin-top: -12px;
}
.pro .timecontent p 
{
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
    line-height: 1.8;
	margin-top:15px;
}
.pro .timecontent p  span{
    vertical-align: top;
    display:inline-block;
	    line-height: 1.8;
}
.pro .timecontent p  span:first-child{
    width:75px;
}
.pro .timecontent p  span:last-child{
    width:calc(100% - 75px);
    width:-webkit-calc(100% - 75px);
}
.pro .timecontent p::after
{
    position: absolute;
    top: 13px;
    left: -113px;

    width: 96px;
    height: 8px;

    content: '';
    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;

    opacity: 0;
    background: url(../images/xian.png) no-repeat center;
}
.pro .timecontent p.act::after
{
    opacity: 1;
}
/*集团文化*/
.page .left
{
    width: 469px;
    padding-top: 67px;
    padding-right: 55px;
    padding-left: 55px;
}
.page .left h1,
.page .left h3
{
    color: #c8161e;
}
.page .left h3
{
    font-family: 'RL';

    margin-top: 8px;
}
.page .left p
{
    font-size: 18px;
    line-height: 2.66;

    margin-top: 58px;
}
.page .right
{
    width: calc(100% - 469px);
    padding-right: 55px;
    padding-bottom: 65px;
    padding-left: 70px;

    background: #f7f2e4;
}
.cul .right .group
{
    max-width: 1020px;
    margin-top: 60px;
}
.cul .right .group h3.sub
{
    font-family: 'RL';

    margin-top: 10px;

    letter-spacing: .7px;

    color: #ff5a00;
}
.cul .right .group p
{
    font-size: 16px;
    line-height: 2;

    margin-top: 32px;

    letter-spacing: .8px;
}
/*资质荣誉*/
.hor {
    overflow: hidden;
}
.hor .right
{
    padding-top: 84px;
    padding-left: 290px;
}
.hor .left h1.fb
{
    margin-top: 70px;
    margin-bottom: 10px;

    color: #333;
}
.hor .left p.hp
{
    font-size: 16px;
    line-height: 1.875;

    margin-top: 0;
}
.hor .timescroll p
{
    font-size: 16px;
    line-height: 1.875;

    margin-top: 22px;
    margin-bottom: 22px;

    color: #666;
}
.hor .timescroll .group
{
    position: relative;

    height: 372px;
    margin-top: -12px;
}
.hor .timescroll .group::after
{
    position: absolute;
    top: 0;
    left: -88px;

    width: 488px;
    height: 100%;

    content: '';

    background: url(../images/scroll.png) no-repeat;
}
.hor .timescroll .group .imgdiv2
{
    overflow: hidden;

    width: 190px;
}
.hor .timescroll .group .imgdiv2:hover img
{
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
}
.hor .timescroll img
{
    display: inline-block;

    -webkit-transition: all 1.2s ease-out 0s;
       -moz-transition: all 1.2s ease-out 0s;
        -ms-transition: all 1.2s ease-out 0s;
         -o-transition: all 1.2s ease-out 0s;
            transition: all 1.2s ease-out 0s;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.hor .timescroll .imgdiv
{
    position: relative;
    z-index: 10;

    width: 815px;
}
.hor .timescroll .slick-prev,
.hor .timescroll .slick-next
{
    width: 17px;
    height: 36px;

    background-size: 17px 36px;
	z-index:10;
}
.hor .timescroll .slick-prev
{
    left: -42px;

    background-image: url(../images/lao.png);
}
.hor .timescroll .slick-next
{
    right: -30px;

    background-image: url(../images/rao.png);
}
.hor .timescroll .bimg
{
    margin-top: -4px;
    margin-left: -92.5px;
}
/*子公司介绍*/
.subs .left .imgdiv
{
    margin-top: 186px;
}
.subs .right
{
    padding-top: 70px;
    padding-bottom: 95px;
}
.inbordiv
{
    width: 61px;
    height: 4px;

    background: #d9232d;
}
.subs .right p
{
    font-size: 16px;
    line-height: 2.25;

    max-width: 1020px;
    margin-top: 30px;
}
.subs .right p img
{
    max-width: 100%;
    margin-top: 20px;
}
/*总裁寄语*/
.word .left
{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
}
.word .left .imgdiv
{
    margin-bottom: 40px;
}
.word .left .content h4
{
    margin-top: 20px;
    margin-bottom: 15px;
}
.word .left .content h3
{
    color: #333;
}
.word .left .content
{
    padding-right: 55px;
    padding-left: 55px;
}
.word .right .clearfix
{
    max-width: 1020px;
}
.word .right
{
    position: relative;
    z-index: 10;

    padding-top: 68px;
    padding-bottom: 86px;
}
.word .right::after
{
    position: absolute;
    top: 196px;
    left: -20px;

    width: 0;
    height: 0;

    content: '';

    border-top: 15px solid transparent;
    border-right: 20px solid #f7f2e4;
    border-bottom: 15px solid transparent;
}
.word .right h1,
.word .right h3
{
    color: #c8161e;
}
.word .right h3
{
    font-family: 'RL';

    margin-top: 8px;
}
.word .right p
{
    font-size: 16px;
    line-height: 1.875;

    margin-top: 30px;
}
.word .right .sign
{
    margin-top: 36px;
}
/*组织架构*/
.org
{
    padding-top: 102px;
    padding-right: 55px;
    padding-bottom: 117px;
    padding-left: 55px;

    background: #f7f2e4;
}
/*logo*/
.logowall
{
    padding-top: 65px;
    padding-right: 220px;
    padding-bottom: 65px;
    padding-left: 220px;

    background: #f7f2e4;
}
.logowall h1,
.logowall h3
{
    text-align: center;

    color: #c8161e;
}
.logowall h3
{
    font-family: 'RL';

    margin-top: 8px;
}
.logoslick
{
    margin-top: 40px;
}
.logoslick .item li
{
    position: relative;

    float: left;

    width: 20%;
    height: 165px;
}
.logoslick .item li img
{
    position: absolute;
    top: 50%;
    left: 50%;

    max-width: 90%;

    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.logowall h4
{
    margin-top: 20px;
}
.logowall .slick-prev,
.logowall .slick-next
{
    width: 49px;
    height: 48px;

    background-size: 49px 48px;
}
.logowall .slick-prev
{
    left: -165px;

    background-image: url(../images/lab.png);
}
.logowall .slick-next
{
    right: -165px;

    background-image: url(../images/rab.png);
}
/*经典案例*/
.caselist .right
{
    padding-right: 0;
    padding-left: 0;
}
.caselist .right .caseul li
{
    height: 210px;

    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.caselist .right .caseul li .maindiv
{
    max-width: 1090px;
}
.caselist .right .caseul li:hover .itemdiv
{
    background: #b51317;
}
.caselist .right .imgdiv
{
    position: relative;

    overflow: hidden;

    width: 240px;
}
.caselist .right .imgdiv::after
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    opacity: 0;
    background: #625152;
}
.caselist .right .inbordiv
{
    display: inline-block;

    height: 2px;

    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;
}
.caselist .right .imgdiv img
{
    width: 240px;
    height: 210px;
}
.caselist .right .condiv
{
    position: relative;
    z-index: 8;

    width: calc(100% - 240px);
    padding-top: 33px;
    padding-left: 58px;
}
.caselist .right .condiv::after
{
    position: absolute;
    top: 90px;
    left: -18px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    border-top: 13px solid transparent;
    border-right: 18px solid #f7f2e4;
    border-bottom: 13px solid transparent;
}
.caselist .right .caseul li:hover
{
    background: #fbf8f1;
}
.caselist .right .caseul li:hover .condiv::after
{
    border-right: 18px solid #fbf8f1;
}
.caselist .right .caseul li:hover .imgdiv::after
{
    opacity: .5;
}
.caselist .right .caseul li:hover .inbordiv
{
    width: 180px;
}
.caselist .right .condiv h4
{
    font-size: 20px;

    overflow: hidden;

    margin-top: 23px;
    margin-bottom: 12px;
    padding-right: 145px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #ea472b;
}
.caselist .right .condiv p
{
    font-size: 16px;
    line-height: 1.75;

    overflow: hidden;

    height: 50px;
    margin-bottom: 24px;

    letter-spacing: .75px;
}
.caselist .right .condiv .more
{
    font-weight: bold;

    color: #ea472b;
}
.caselist .pagelist
{
    max-width: 1020px;
    margin-top: 70px;
    padding-left: 55px;
}
.pagelist li
{
    font-size: 18px;
    line-height: 31px;

    display: inline-block;

    width: 34px;
    height: 34px;
    margin-right: 1px;
    margin-left: 1px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

    color: #333;
}
.pagelist li.lp
{
    margin-right: 12px;
    margin-left: 12px;

    text-align: center;

    border: 1px solid #da2b35;
}
.pagelist li.activepage,
.pagelist li:hover
{
    color: #da2b35;
}
.pagelist li.lp img
{
    width: 13px;
    height: 22px;
    margin-bottom: 1px;
}
.caselist .h_phpage
{
    padding-right: 20px;
    padding-left: 20px;
}
/*经典案例详情*/
.case .left
{
    min-height: 588px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;

    text-align: center;
}
.case .left img
{
    max-width: 100%;
}
.case .turn
{
    margin-top: 38px;
}
.case .turn li
{
    overflow: hidden;

    width: 150px;
    margin-right: 36px;
    margin-left: 36px;
    padding-bottom: 5px;

    white-space: nowrap;
    letter-spacing: 1px;
    text-overflow: ellipsis;

    border-bottom: 1px solid #666;
}
.case .turn li a
{
    color: #666;
}
.case .right
{
    position: relative;

    padding-bottom: 128px;
}
.case .right::after
{
    position: absolute;
    top: 195px;
    left: -21px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;

    border-top: 15px solid transparent;
    border-right: 21px solid #f7f2e4;
    border-bottom: 15px solid transparent;
}
.case .right
{
    padding-top: 70px;
}
.case .right .content
{
    max-width: 1020px;
}
.case .right h2
{
    line-height: 62px;

    height: 63px;
    margin-left: 28px;

    letter-spacing: 1px;

    color: #ea472b;
}
.case .right .inbordiv
{
    margin-top: 35px;
    margin-bottom: 35px;
}
.case .right h4
{
    font-size: 20px;
    line-height: 1.8;

    margin-bottom: 20px;
}
.case .right .con p
{
    line-height: 2.14;

    color: #666;
}
.case .right:hover .itemdiv,
.newsin .right:hover .itemdiv
{
    background: #b51317;
}
.case .right .con img
{
    max-width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.case .left .bdsharebuttonbox
{
    margin-top: 32px;
    margin-bottom: 32px;
}
.case .left .bdsharebuttonbox a
{
    line-height: normal;

    display: inline-block;
    float: none;

    width: 37px;
    height: 37px;
    margin: 0 12px;
    padding: 0;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 37px 37px;
}
.case .left .bdsharebuttonbox a.bds_weixin
{
    background-image: url(../images/weixin.png);
}
.case .left .bdsharebuttonbox a.bds_tsina
{
    background-image: url(../images/weibo.png);
}
.case .left .bdsharebuttonbox a.bds_more
{
    background-image: url(../images/share2.png);
}
.bd_weixin_popup
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
/*行业动态*/
.news .right .condiv p
{
    overflow: hidden;

    height: auto;
    margin-top: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 145px;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.news.caselist .right .condiv h3.clearfix
{
    font-family: 'RL';
    font-size: 18px;
}
.news.caselist .right .condiv h4
{
    margin-top: 18px;
}
.news.caselist .right .inbordiv
{
    display: block;

    margin-top: 3px;
}
/*行业动态详情页*/
.newsin .casetitle h2
{
    font-family: 'RL';
    font-size: 24px;
}
.newsin .inbordiv + h2
{
    line-height: auto;

    height: auto;
    margin-bottom: 10px;
    margin-left: 0;
}
.newsin .right h4
{
    margin-bottom: 35px;
}
.newsin .right p
{
    font-size: 16px;
    line-height: 1.875;
}
/*媒体查询*/
@media (max-width: 1850px)
{
    .index .bottom .ib
    {
        padding-right: 25px;
        padding-left: 25px;
    }
    .index .bottom .more
    {
        left: 20px;
    }
    .index .bottom .more
    {
        bottom: 25px;
    }
}
@media (max-width: 1750px)
{
    .index .bottom .ib
    {
        padding-right: 25px;
        padding-left: 25px;
    }
    .index .bottom .more
    {
        left: 20px;
    }
}
@media (max-width: 1650px)
{
    .index .news .right .con
    {
        padding: 30px;
    }
    .index .bottom .ib2 h3 img
    {
        display: block;
        float: none;

        margin-top: 10px;
    }
    .hor .right
    {
        padding-left: 120px;
    }
}
@media (max-width: 1570px)
{
    .index .itemdiv
    {
        float: none;

        margin-top: 10px;
    }
    .index .itemdiv.newsitem {
        float: right;
        margin-top:0;
    }
    .header .mainli
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .banner .popbox .group:last-child
    {
        display: none;
    }
    .banner .popbox
    {
        bottom: -378px;
    }
}
@media (max-width: 1500px)
{
    .hor .timescroll .imgdiv
    {
        width: 400px;
    }
    .logowall
    {
        padding-right: 150px;
        padding-left: 150px;
    }
    .logowall .slick-prev
    {
        left: -95px;
    }
    .logowall .slick-next
    {
        right: -95px;
    }
}
@media (max-width: 1420px)
{
    .index .bottom .more
    {
        bottom: 20px;
    }
}
@media (max-width: 1300px)
{
    .header .mainli
    {
        padding-right: 13px;
        padding-left: 13px;
    }
}
@media (max-width: 1199px)
{
    .index .bottom .ib2::after
    {
        display: none;
    }
    .index .bottom .iball,
    .index .bottom .iball .ib
    {
        width: 100%;
    }
    .inban
    {
        margin-top: 88px;
    }
    .pro .timecontent p
    {
        line-height: 1.2;
    }
    .pro .timecontent p::after
    {
        top: 5px;
    }
    .pro .timecontent
    {
        width: 970px;
    }
    .pro .timecontent .l .imgdiv
    {
        width: 347px;
        height: 170px;
    }
    .banner
    {
        margin-top: 88px;
    }
    .index .top
    {
        height: auto;
    }
    .index .video
    {
        position: relative;

        display: block;

        width: 100%;
    }
    .index .news
    {
        display: block;

        width: 100%;
    }
    .index .video
    {
        height: 330px;
    }
    .index .news .right
    {
        width: 100%;
    }
    .index .news .right .con
    {
        display: block !important;

        border-bottom: 1px solid #ebebeb;
    }
    .index .bottom .ib
    {
        display: block;

        width: auto;
        height: auto;
        padding-right: 55px;
        padding-left: 55px;
    }
    .index .bottom .ib2
    {
        padding-bottom: 55px;
    }
    .index .bottom .more
    {
        position: relative;
        bottom: auto;
        left: auto;

        margin-top: 20px;
    }
    .index .bottom .op
    {
        padding-bottom: 170px;
    }
    .index .bottom .ib4
    {
        padding: 0;

        background: url(../images/xinwens.jpg) center;
        background-size: cover;
    }
    .footer
    {
        height: auto;
        padding-top: 12px;
        padding-right: 15px;
        padding-bottom: 12px;
        padding-left: 15px;

        text-align: center;
    }
    .footer div
    {
        line-height: 1.2;

        display: inline-block;
        float: none;

        margin-top: 12px;
    }
    .footer a
    {
        margin-right: 10px;
        margin-left: 10px;
    }
    .banner .popbox .popbtn2
    {
        font-size: 18px;

        position: absolute;
        top: 50%;
        left: -20px;

        display: block;

        width: 40px;
        height: 206px;
        padding-top: 107px;
        padding-left: 11px;

        -webkit-transform: translate(-50%,-50%);
           -moz-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
             -o-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);

        color: #fff;
        background: url(../images/pop2.png) no-repeat;
    }
    .banner .popbox.act .popbtn2
    {
        background: url(../images/close2.png) no-repeat;
    }
    .banner .popbox
    {
        position: fixed;
        z-index: 98;
        top: 200px;
        right: 0;
        bottom: auto;

        width: 46%;

        transform: translateX(100%);
    }
    .banner .popbox .group
    {
        margin-top: 20px;
    }
    .banner .popbox .group:last-child
    {
        display: block;
    }
    .banner .popbox .content
    {
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
    .banner .popbox .content p
    {
        font-size: 16px;

        margin-top: 15px;
        margin-bottom: 10px;
    }
    .banner .popbox .content a
    {
        font-size: 14px;
    }
    .banner .popbox.act
    {
        bottom: auto;

        -webkit-transform: translateX(0);
           -moz-transform: translateX(0);
            -ms-transform: translateX(0);
             -o-transform: translateX(0);
                transform: translateX(0);
    }
    .index .bottom .ib2 h3 img
    {
        float: right;

        margin-top: 0;
    }
    .page .left
    {
        float: none;

        width: 100%;
        padding-bottom: 60px;
    }
    .page .right
    {
        float: none;

        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .cul .right
    {
        padding-top: 60px;
        padding-bottom: 55px;
    }
    .cul .right .group:first-child
    {
        margin-top: 0;
    }
    .page .left h1,
    .page .left h3
    {
        text-align: center;
    }
    .hor .left h1.fb
    {
        text-align: left;
    }
    .hor.page .right
    {
        padding-right: 20px;
        padding-left: 300px;
    }
    .subs .left .imgdiv
    {
        margin-top: 60px;
    }
    .word .left
    {
        text-align: center;
    }
    .logoslick .item li
    {
        width: 50%;
    }
    .case .left
    {
        min-height: 0;
    }
    .caselist .right
    {
        padding-right: 0;
        padding-left: 0;
    }
    .caselist .right .caseul li
    {
        max-width: none;
    }
    .index .video .videoimg
    {
        width: 100%;
    }
}
@media (min-width: 992px)
{
    .logoslick .slick-dots
    {
        display: none !important;
    }
}
@media (max-width: 991px)
{
    .banner .slick-prev, .banner .slick-next{
        display: none !important;
    }
    .index .video
    {
        height: 200px;
    }
    .word .right h1
    {
        font-size: 24px;
    }
    .word .right h3
    {
        font-size: 20px;
    }
    .page .right
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .subs.page .right
    {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .subs .right p
    {
        margin-top: 20px;
    }
    .hor.page .right
    {
        padding-left: 80px;
    }
    .hor .timescroll .group::after
    {
        left: -60px;
    }
    .hor .left h1.fb
    {
        margin-top: 30px;
    }
    .page .left
    {
        padding: 30px 20px;
    }
    .page .left p
    {
        margin-top: 15px;
    }
    .page .left h1
    {
        font-size: 24px;
    }
    .page .left h3
    {
        font-size: 20px;
    }
    .inban
    {
        height: auto;

        background: transparent !important;
    }
    .banner .popbox
    {
        position: fixed;
        z-index: 98;
        top: 200px;
        right: 0;
        bottom: auto;

        width: 80%;
    }
    .dropmenum ul .mainli h5
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .index .bottom .ib1,
    .index .bottom .ib2,
    .index .bottom .ib3
    {
        padding: 30px;
    }
    .index .bottom .iball .ib3,
    .index .bottom .iball .ib4
    {
        padding: 0;
    }
    .index .bottom .iball .op
    {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .banner .slick-dots
    {
        bottom: 10px;
    }
    .index .news .right .con h4,
    .index .bottom .ib2 h4
    {
        font-size: 18px;

        max-height: none;
    }
    .index .bottom .ib1 h1
    {
        font-size: 22px;
    }
    .index .news .right .con p
    {
        font-size: 14px;

        max-height: none;
    }
    .pro
    {
        padding-right: 20px;
        padding-left: 20px;
    }
    .pro .timecontent
    {
        width: auto;
        margin-top: 30px;
    }
    .pro .l
    {
        display: none;
    }
    .pro .r
    {
        width: 100%;
    }
    .pro .timecontent p::after
    {
        display: none;
    }
    .org
    {
        padding-top: 30px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }
    .logowall
    {
        padding-right: 20px;
        padding-left: 20px;
    }
    .logowall .slick-prev,
    .logowall .slick-next
    {
        display: none !important;
    }
    .logowall h1
    {
        font-size: 24px;
    }
    .logowall h3
    {
        font-size: 20px;
    }
    .logowall
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .logoslick
    {
        margin-top: 0;
    }
    .logoslick .item li
    {
        height: 120px;
    }
    .logoslick .item li img
    {
        max-width: 82%;
    }
    .logoslick .slick-dots
    {
        bottom: -10px;
    }
    .logoslick .slick-dots li
    {
        width: 10px;
        height: 10px;
        margin: 0 6px;
    }
    .logoslick .slick-dots li.slick-active button
    {
        background: #666;
    }
    .logoslick .slick-dots li button
    {
        width: 10px;
        height: 10px;

        -webkit-transition: all .2s ease-out 0s;
           -moz-transition: all .2s ease-out 0s;
            -ms-transition: all .2s ease-out 0s;
             -o-transition: all .2s ease-out 0s;
                transition: all .2s ease-out 0s;

        border-radius: 50%;
        background: #ececec;
    }
    .slick-dots li.slick-active button::before
    {
        display: none;
    }
    .logowall h4
    {
        margin-top: 30px;
    }
    .caselist .right
    {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .caselist .pagelist
    {
        margin-top: 30px;
    }
    .cul .right .group
    {
        margin-top: 30px;
    }
    .cul .right .group p
    {
        margin-top: 24px;
    }
    .pro
    {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pro h1
    {
        font-size: 24px;
    }
    .pro .timecontent h2
    {
        margin-bottom: 30px;
    }
    .news.caselist .right .condiv h3.clearfix
    {
        margin-bottom: 21px;
    }
}
@media (max-width: 767px)
{
    .pro .time .item
    {
        font-size: 14px;
    }
    .page .left p,
    .word .right p,
    .cul .right .group p,
    .hor .timescroll p,
    .pro .timecontent p,
    .newsin .right p
    {
        font-size: 14px;
    }
    .pro .timecontent p
    {
        line-height: 1.4;

        margin-top: 15px;
    }
    .logowall h4,
    .pro h4
    {
        font-size: 16px;
    }
    .hor .timescroll .group .imgdiv
    {
        width: 190px;
    }
    .hor .timescroll .slick-prev
    {
        left: -30px;
    }
    .caselist .right
    {
        padding-right: 0;
        padding-left: 0;
    }
    .caselist .right .caseul li
    {
        height: auto;
    }
    .caselist .right .imgdiv
    {
        display: none;
    }
    .caselist .right .condiv
    {
        width: 100%;
        padding-top: 30px;
        padding-right: 20px;
        padding-bottom: 30px;
        padding-left: 20px;
    }
    .caselist .right .condiv p
    {
        font-size: 14px;

        height: auto;
        margin-top: 23px;
    }
    .case .right .con img
    {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .case .right h2
    {
        font-size: 18px;
        line-height: normal;

        display: block;

        height: auto;
        margin-bottom: 18px;
        margin-left: 0;

        text-align: center;
    }
    .case .turn li
    {
        margin-top: 20px;
    }
    .case .left .bdsharebuttonbox
    {
        margin-bottom: 10px;
    }
    .case .turn
    {
        margin-top: 10px;
    }
    .page .left
    {
        padding-bottom: 35px;
    }
    .case .right h4
    {
        font-size: 16px;
    }
    .news .right .condiv h4,
    .news .right .condiv p
    {
        padding-right: 0;

        white-space: normal;
    }
    .news .right .condiv h4
    {
        line-height: 1.4;
    }
    .newsin .right h4
    {
        margin-bottom: 22px;
    }
    .newsin .right .con p
    {
        line-height: 1.875;
    }
    .nbarm .sec
    {
        height: auto;
    }
    .index .video .videoimg
    {
        width: auto;
    }
}