@keyframes guan{
    0%{
        transform:scale(.96);
        -webkit-transform:scale(.96);
        -moz-transform:scale(.96);
        -ms-transform:scale(.96);
        -o-transform:scale(.96);
    }
50%{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.22);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}
100%{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
}
/*@keyframes run {
    0%{
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}*/
@keyframes runOne {
    0%{
        opacity: 0;
    }
    55%{
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 1;
    }
}
@keyframes runTwo {
    0%{
        opacity: 0;
    }
    65%{
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    70%{
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    75%{
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes runThree {
    0%{
        opacity: 0;
    }
    70%{
        opacity: 0;
    }
    75%{
        opacity: 0;
        -webkit-transform: rotate(-160deg);
        -moz-transform: rotate(-160deg);
        -ms-transform: rotate(-160deg);
        -o-transform: rotate(-160deg);
        transform: rotate(-160deg);
    }
    85%{
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes runFour {
    0%{
        opacity: 0;
    }
    70%{
        opacity: 0;
    }
    80%{
        opacity: 0;
        -webkit-transform: rotate(-250deg);
        -moz-transform: rotate(-250deg);
        -ms-transform: rotate(-250deg);
        -o-transform: rotate(-250deg);
        transform: rotate(-250deg);
    }
    97%{
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes runRound {
    0%{
        opacity: 0;
    }
    67%{
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    /*    80%{
            opacity: 1;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100%{
            opacity: 1;
            -webkit-transform: rotate(400deg);
            -moz-transform: rotate(400deg);
            -ms-transform: rotate(400deg);
            -o-transform: rotate(400deg);
            transform: rotate(400deg);
        }*/
    /*100%{
        opacity: 0;
    }*/
}
@keyframes late{
    0%{
        transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
    }
100%{
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
}
}
@keyframes scaleXY{
    0%{
        transform:scale(0.8);
    }
100%{
    transform:scale(1.1);
}
}
a { color:#666;}
.banner{position: relative;width: 100%;height:789px !important;overflow: hidden;}
.content{left:0;top:0;width: 100%;height:100%;background: no-repeat center center;-webkit-background-size:cover;background-size:cover;}
.content .infos{position: absolute;top:20%;right:8%;max-width:880px;color:#fff;font-size: 48px;z-index: 8;}
.content .infos p{font-size: 24px;padding-top: 10px;}
.banner .banner-nav{position: absolute;bottom:4%;left:0;width: 100%;height:20px;text-align: center;}
.banner .banner-nav .child{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;overflow: hidden;width: 80px;height: 5px;background: #c6bcc7;margin:0 20px;}
.banner .banner-nav .child.on{background: #ce2d25;}
.banner .guan{position: absolute;left:0;bottom:0;width: 100%;height: 100%;}
/*background: url(/images/index/g.png) no-repeat 2% bottom;-webkit-background-size: 100% 100%;
background-size: 100% 100%;*/
/*guan begin*/
.banner .guan .dotted{transition-duration: .2s;}
.banner .guan .dotted.one{animation:guan 1.2s ease-in-out .2s infinite;position: absolute;top:38%;left:48%;}
.banner .guan .dotted.two{animation:guan 1.4s ease-in-out .4s infinite;position: absolute;top:62%;left:27%;}
.banner .guan .dotted.three{animation:guan .8s ease-in-out .8s infinite;position: absolute;top:42%;left:-2%;}
.banner .guan .dotted.four{animation:guan 1.4s ease-in-out .4s infinite;position: absolute;top:87%;left:-2%;}
.banner .guan .dotted.five{animation:guan 1s ease-in-out .2s infinite;position: absolute;top:61%;right:-7%;}
.banner .guan .dotted.six{animation:guan 1.22s ease-in-out .2s infinite;position: absolute;top:81%;right:8%;}
.index_banner_lr{width:60px;height: 60px;opacity: 0}
.banner:hover .index_banner_lr{opacity: 1}
.index_banner_l{background:url(/images/l.png) no-repeat center;    background-color: rgba(0,0,0,.4);left: 100px}
.index_banner_r{background:url(/images/r.png) no-repeat center;    background-color: rgba(0,0,0,.4);right: 100px}
.index_banner_lr:hover {background-color:#E37170 }

/*guan over*/
/*selectbox*/
.selectBox .readMore{width: 64px;height: 64px;background: #ece8e9;text-align: center;line-height: 64px;border-radius: 50%;margin: -32px auto 0;cursor: pointer;}
.selectBox{width: 100%;height:auto;overflow: hidden;}
.selectBox .topIcon{width: 100%;background: #fdfbfc;padding:70px 0;text-align: center;overflow: hidden;}
.selectBox .topIcon li{float: left;width: 33.3%;cursor: pointer;}
.selectBox .topIcon li .imgs,.selectBox .topIcon li .tit,.selectBox .topIcon li .cont{width: 80%;max-width:394px;margin:0 auto;}
.selectBox .topIcon li .imgs{position: relative;width: 100px;height: 72px;margin:0 auto;text-align: center;line-height: 72px;margin-bottom: 20px;}
.selectBox .topIcon li .imgs img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;display: none;}
.selectBox .topIcon li .imgs img.one{display: block;}
.selectBox .topIcon li .tit{font-size: 24px;color:#323031;text-align: center;}
.selectBox .topIcon li .tit p{padding-top: 8px;font-size: 18px;color:#575556;}
.selectBox .topIcon li .cont{padding-top: 24px;font-size: 18px;color:#858585;line-height: 26px;overflow: hidden;}
.selectBox .topIcon li .more{padding-top: 40px;font-size: 18px;font-weight: bold;color:#db221f;}
.selectBox .topIcon li .more em{padding-right: 10px;}
.selectBox .topIcon li:hover .imgs img.two,.selectBox .topIcon li.actived .imgs img.two{display: block;}
.selectBox .topIcon li:hover .imgs img.one,.selectBox .topIcon li.actived .imgs img.one{display: none;}
.selectBox .topIcon li:hover .tit,.selectBox .topIcon li:hover .tit p,.selectBox .topIcon li.actived .tit,.selectBox .topIcon li.actived .tit p{color:#d62625;}
/*.selectBox .topIcon li.on .imgs img.two{display: block;}
.selectBox .topIcon li.on .imgs img.one{display: none;}
.selectBox .topIcon li.on .tit,.selectBox .topIcon li.on .tit p{color:#d62625;}*/

.showCont{padding:90px 0;background: #fff;text-align: center;}
.showCont .child{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;display: none;}
.showCont .child .iconTxt{float: left;width: 125px;height: 200px;margin:0 60px;font-size: 22px;color:#7f7f7f;text-align: center;}
.showCont .child .icon{position: relative;width: 125px;height: 125px;border: 1px solid #7f7f7f;border-radius: 50%;-webkit-border-radius:50%;text-align: center;line-height: 125px;margin-bottom: 26px;}
.showCont .child .icon img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:80%;display: none;}
.showCont .child .icon img.one{display: block;}
/*hover*/
/*.showCont .child .iconTxt:hover .icon{background: #d62626;border: 1px solid #d62626;}
.showCont .child .iconTxt p{font-size: 18px;padding-top: 8px;}
.showCont .child .iconTxt:hover .two{display: block;}
.showCont .child .iconTxt:hover .one{display: none;}
.showCont .child .iconTxt:hover h5,.showCont .child .iconTxt:hover p{color:#d62625;}*/
/*on*/
.showCont .child .iconTxt.on .icon{background: #d62626;border: 1px solid #d62626;}
.showCont .child .iconTxt.on .two{display: block;}
.showCont .child .iconTxt.on .one{display: none;}
.showCont .child .iconTxt.on h5,.showCont .child .iconTxt.on p{color:#d62625;}
/*show img*/
.showContImgs{width: 100%;overflow: hidden;}
.showContImgs li{float: left;width: 50%;height: 1054px;}
.showContImgs li div{background: no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.showContImgs li .topImgs{position: relative;width: 100%;height: 698px;}
.showContImgs li .bottomImgs{width: 100%;height: 356px;}
.showContImgs li .bottomImgs .list{float: left;width: 50%;height: 100%;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;position: relative;}
.showContImgs li .rightTopImgs{width: 100%;height: 698px;overflow: hidden;}
.showContImgs li .rightTopImgs .list{float: left;width: 50%;height: 100%;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;position: relative;}
.showContImgs li .rightBottomImgs{width: 100%;height: 356px;overflow: hidden;}
.showContImgs li .rightBottomImgs .list{float: left;width: 50%;height: 100%;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;position: relative;}
.showContImgs li .hover{position: absolute;left:0;top:0;z-index: 4;width: 101%;height: 100%;background: url(/images/index/sbg.png) repeat;text-align: center;color:#fff;display:table;}
.showContImgs li .hover .table{display:table-cell;vertical-align: middle;}
.showContImgs li .hover h5,.showContImgs li .hover p{width: 80%;max-width:540px;margin:0 auto;padding-bottom: 30px;}
.showContImgs li .hover h5{font-size: 36px;}
.showContImgs li .hover p{font-size: 18px;line-height: 24px;}



.showContImgs li .hover{-webkit-transition: all 0.275s ease-in-out, visibility 0s 0.275s;
    transition: all 0.275s ease-in-out, visibility 0s 0.275s;
    visibility: hidden;
    will-change: transform;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);}
.showContImgs li:hover ~ .showContImgs li .hover {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.showContImgs li:hover .hover {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.showContImgs li:hover .showContImgs .baseH:hover ~ .showContImgs .baseH .hover {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.showContImgs li:hover,.showContImgs .baseH:hover .hover {
    -webkit-transform: none;
    transform: none;
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.showContImgs li .bottomImgs .list:hover .hover{display: block;display:table;}
.showContImgs li .rightTopImgs .list:hover .hover{display: block;display:table;}
.showContImgs li .rightBottomImgs .list:hover .hover{display: block;display:table;}
.showContImgs li .topImgs:hover .hover{display: block;display:table;}
/*selectBox over*/
/*about*/
.showContImgs li{width: 100%;}
.showContImgs li .baseH{position: relative;float: left;height: 100%;overflow: hidden;}
.showContImgs li .baseH .list{width: 100%;height: 100%;}
.showContImgs li.one{height:698px;}
.showContImgs li.two{height: 356px;}
.showContImgs li.one .baseH.tcenter{width: 25%;}
.showContImgs li.one .baseH.tright{width: 25%;}
.showContImgs li.two .baseH{width: 25%;}
.showContImgs li .baseH.tleft{width: 50%;}
.showContImgs li.on .list{animation:late .2s linear both;}
/*.showContImgs .baseH{transform:rotate(90deg);}*/

.about{width: 100%;padding:90px 0;overflow: hidden;}
.about .leftInfos{float: left;width: 40%;max-width:690px;padding-left: 4%;}
.about .leftInfos .baseT{font-size: 34px;color:#222222;}
.about .leftInfos .baseT h5{font-size: 52px;padding-top: 10px;padding-bottom: 24px;}
.about .leftInfos .baseT span{display: block;width: 38px;height: 2px;background: #c2221c;}
.about .leftInfos .cont{padding-top: 34px;padding-bottom: 10px;font-size: 18px;color:#666;line-height: 24px;}
.about .leftInfos li .tit {width: 100%;padding-bottom: 20px;overflow: hidden;font-size: 30px;color:#191411;}
.about .leftInfos li .tit span{float: left;position: relative;width: 78px;height: 50px;}
.about .leftInfos li .tit span img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;display: none;}
.about .leftInfos li .tit span .one{display: block;}
.about .leftInfos li .tit em{position: relative;float: left;padding-left: 40px;line-height: 50px;}
.about .leftInfos li .tit em::before{position: absolute;left:0;top:0;content:"";display: block;height:0;width: 1px;height: 50px;background: #d1d0cf;margin-left: 16px;}
.about .leftInfos li .pBox{font-size: 18px;color:#626262;line-height: 26px;padding-bottom: 20px;}
/*right*/
.about .rightImgs{position: relative;float: right;width: 46%;max-width: 780px;height: 760px;}
.about .rightImgs .rad{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;border: 1px solid #b9b9b9;border-radius:50%;-webkit-border-radius:50%;}
.about .rightImgs .lineBox{width: 610px;height: 610px;border:0;}
.about .rightImgs .oneLine{width: 610px;height: 610px;}
.about .rightImgs .towLine{width: 480px;height: 480px;left:50%;margin-left:-240px}
.about .rightImgs .threeLine{width: 356px;height: 356px;left:50%; margin-left:-178px}
.about .rightImgs .center{width: 104px;height: 116px;border: 0 none;left:50%;margin-left:-52px;}
.about .rightImgs .baseRot{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 1px;height: 740px;}
/*.about .rightImgs .baseC{position:absolute;width: 122px;height: 122px;border: 1px solid #999;border-radius: 50%;-webkit-border-radius:50%;}*/
.about .rightImgs .baseC{position:absolute;width: 122px;height: 122px;border: 1px solid #999;border-radius: 50%;-webkit-border-radius:50%;left:50%;margin-left: -61px;}
.about .rightImgs .baseC .bgs{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 100px;height: 100px;background: #d62626;border-radius: 50%;-webkit-border-radius:50%;}
.about .rightImgs .baseC .bgs img{position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width: 70%;max-height: 70%;}

.about .rightImgs .oneChild,.about .rightImgs .threeChild{position: absolute;bottom:auto;top:0;/*left:-66px;*/left:0;height: 710px;width:1px;}
/*.about .rightImgs .threeChild{position: absolute;top:auto;bottom:0;left:-66px;width: 740px;}*/
.about .rightImgs .threeChild .baseC {bottom:0;top:auto;margin-left:-61px; margin-bottom:-31px;}
.about .rightImgs .baseRot.twoRotate{width: 740px;height: 1px;top:0;bottom:0;right:0;left:0;margin:auto;}
/*.about .rightImgs .twoChild{position: absolute;right:auto;left:0;top:-66px;height: 740px;}*/
.about .rightImgs .twoChild,.about .rightImgs .fourChild{width: 710px;height: 1px;top:370px;left:-350px;margin:auto; position: absolute;}
.about .rightImgs .twoChild .baseC {left:auto; right:0;top:50%;margin-top:-61px; margin-right:-11px;}
.about .rightImgs .fourChild .baseC {left:0; top:50%;margin-top:-61px; margin-left:-19px;}
/*.about .rightImgs .fourChild{position: absolute;left:auto;right:-26px;top:-66px;width: 740px;}*/
.about .rightImgs .oneChild{animation: runOne 6s linear;}
.about .rightImgs .twoChild{animation: runTwo 6s linear;}
.about .rightImgs .threeChild{animation: runThree 6s linear;}
.about .rightImgs .fourChild{animation: runFour 6s linear;}
.about .rightImgs .roundRotate {
    /* width: 1px;
     height: 780px;
     position: absolute;
     z-index: 0;
     left: 50%;
     top: 50%;
     margin-top: -390px;
     animation: runRound  6s linear 1s ;
     opacity: 0;*/

    /* animation:runRound 2s linear 2s infinite alternate;
     -moz-animation:runRound 2s linear 2s infinite alternate;
     -webkit-animation:runRound 2s linear 2s infinite alternate;
     -o-animation:runRound 2s linear 2s infinite alternate;*/
    /*
     -webkit-animation: runRound 20s linear 0s infinite;
        animation: runRound 20s linear 0s infinite; */
}
.roundScal {
    width: 1px;
    height: 780px;
    /*   position: absolute;
       z-index: 0;
       left: 50%;
       top: 50%;*/
    /*margin-top: -390px;*/

    opacity: 0;
    /*opacity: 1;*/
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -390px;
    animation: runRound  6s linear 1s ;
    /*    -webkit-animation: spin 8s linear 1s infinite;
     animation: spin 8s linear 1s infinite;*/
    /*  -webkit-transition-delay:8s;
      -moz-transition-delay:8s;
       transition-delay:8s;*/
}
.roundRotate {
    opacity: 0;
    width: 1px;
    height: 780px;
    opacity: 1;
    margin-top: 0;
    /*     transform:rotate(360deg);
         -webkit-transform: rotate(360deg);;
           -webkit-transition-delay:8s;
        -moz-transition-delay:8s;
         transition-delay:8s;
         animation-iteration-count:infinite;*/


    -webkit-animation: spin 2s linear 8s infinite;
    animation: spin 2s linear 8s infinite;
    -webkit-transition-delay:8s;
    -moz-transition-delay:8s;
    transition-delay:7s;


    /*position: absolute;
   z-index: 0;
   left: 50%;
   top: 50%;
   margin-top: -390px;*/
    /*animation: runRound  6s linear 1s ;*/
}
@-webkit-keyframes spin {
    from {
        opacity: 0;
        -webkit-transform: rotate(0deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        opacity: 1;
        transform: rotate(0deg);
    }
    to {
        opacity: 1;
        transform: rotate(360deg);
    }
}
@keyframes myfirst
{
    from {opacity: 0;}
    67%{
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    79%{
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
to {-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);}
}
@-webkit-keyframes myfirst
{
    from {opacity: 0;}
    67%{
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    79%{
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
to {-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);}
}


.about .rightImgs .roundRotate .oneRound,
.about .rightImgs .roundRotate .twoRound {
    position: absolute;
    top: 0;
    left: -390px;
    width:0;
    height:0;
    border-radius:390px;
    border-width:390px;
    border-style:solid;
    line-height:389em;
    overflow:hidden;
}
.about .rightImgs .roundRotate .oneRound {
    border-color:#f9f5f5 transparent transparent transparent;
    /*transform: rotate(-45deg);f9f5f5*/
}
.about .rightImgs .roundRotate .twoRound {
    border-color:transparent transparent transparent #f9f5f5;
    /*transform: rotate(-40deg);*/
}

/*div{
 -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}*/
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


/*hover*/
.about .leftInfos li:hover .tit span .one{display: none;}
.about .leftInfos li:hover .tit span .two{display: block;}
.about .leftInfos li:hover .tit em{color:#d52725;}
.about .leftInfos li.on .tit span .one{display: none;}
.about .leftInfos li.on .tit span .two{display: block;}
.about .leftInfos li.on .tit em{color:#d52725;}
.about .leftInfos li.on img{animation:scaleXY 1s linear .4s infinite;}
/*aboutNumber*/
.aboutNumber{position: relative;width: 100%;height: 520px;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;color:#fff;text-align: center;overflow: hidden;}
.aboutNumber .poaBox{position: absolute;top:0;bottom:0;left:0;margin:auto 0;width: 100%;height: 130px;text-align: center;}
.aboutNumber .poaBox ul{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;}
.aboutNumber li{float: left;padding:0 36px;font-size: 18px;min-width:185px;position:relative}
/*//.aboutNumber li:first-child{padding-left: 0;}*/
.aboutNumber li .infos{position:absolute;min-width:170px;left:50%;margin-left:-85px;}
.aboutNumber li .number{font-size: 60px;padding-bottom: 34px;}
/*news*/
.news{width: 100%;padding-top: 90px;overflow: hidden;}
.news .newsT{text-align: center;color:#333;}
.news .newsT h5{font-size: 40px;padding-bottom: 18px;}
.news li{float: left;width: 50%;height:340px;background: #f8f8f8;}
.news .newsT p{font-size: 18px;}
.news ul{padding-top: 80px;width: 100%;overflow: hidden;}
.news li .imgs{float: left;width: 50%;height:100% ;overflow: hidden;position: relative;}
.news li .imgs.mm{display: none;}
.news li .txt:before{position: absolute;top:50%;left:-16px;margin-top: -16px;content:"";display: block;border-width:8px;border-style:dashed solid dashed dashed ;border-color:transparent #f8f8f8 transparent transparent ;}
.news li.three .txt:before{content:"";display: block;border-width:8px;position: absolute;top:50%;left:-16px;margin-top: -16px;left:auto;right:-16px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #f8f8f8;z-index: 66;}
.news li .imgs .img{width: 100%;height: 100%;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;transition-duration: .6s;}
.news li .txt{float: left;width: 50%;height: 100%;position: relative;}
.news li .txt h5{width: 90%;margin:0 auto;height: 52px;font-size: 20px;line-height: 26px;color:#222;padding-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: center;padding-top: 40px; }
.news li .txt span{display: block;padding-bottom: 20px;text-align: center;font-size: 18px;color:#888;}
.news li .txt p{width: 90%;margin:0 auto;font-size: 18px;color:#666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news li .txt .more{width: 148px;height: 40px;margin:0 auto;text-align: center;line-height: 40px;border: 2px solid #c9c9c9;font-size: 12px;color:#666;margin-top: 30px;}
.news li .txt .more em{display:inline-block;width: 22px;height: 11px;background:url(/images/index/nm1.png) no-repeat center center;transition-duration: .6s;}
.news li .txt .more i{font-size: 18px;padding-right: 10px;text-transform : uppercase}
/*hover*/
.news li:hover .imgs .img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.news li:hover .txt h5{color:#e32029;}
.news li:hover .txt .more{background:#e32029;color:#fff;border: 2px solid #e32029;font-size: 18px;}
.news li:hover .txt .more i{color:#fff;}
.news li:hover .txt .more em{background-image: url(/images/index/nm.png);-webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);}
/*links*/
.swiper-container {   margin: 0 30px;}
.links{width: 100%;padding:96px 0 80px;position: relative;}
.links .navBox { position: relative;   width: inherit;  }
.links .swiper-slide {height: 136px;font-size: 20px;text-align: center;cursor: pointer;}
.links .swiper-slide a { display: block; width: 100%; height:100%; color: #666666;display: table;}
.links .swiper-slide a  span { display: table-cell; vertical-align: middle;border: 1px solid #ddd; }
.links .swiper-slide a img{max-width: 70%;max-height: 80%; }
/*.links .swiper-slide-active a{border: 1px solid #d62626;font-size: 30px;color: #ffffff;}
*/.links .swiper-slide:hover a span{border: 1px solid #d62626;font-size: 30px;color: #ffffff;}

.links .swiper_btn {width: 42px;height: 42px;border-radius: 4px;left: -60px; -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;top: 0;bottom: 0;margin: auto 0;}
.links .swiper_btn.swiper-button-next { right: -60px;  left: inherit;}
.links .swiper_btn.swiper-button-next:hover{background-image: url(/images/index/r2.png)!important;}
.links .swiper_btn.swiper-button-prev:hover{background-image: url(/images/index/l2.png)!important;}

/*contact*/
.contact{width: 100%;height:auto;overflow: hidden;padding:90px 0 150px;background: no-repeat center center;-webkit-background-size: cover;background-size: cover;color:#fff;}
.contact h5{font-size: 48px;text-align: center;padding-bottom: 130px;}
.contact h5::after{content:"";display: block;clear:both;width: 48px;height: 1px;background: #df2329;margin:40px auto 0;}
.contact .msgCont{float: left;width: 64%;max-width: 900px;padding-left: 2%;}
.contact .msgCont input,.contact .msgCont textarea{background: none; border:none; border-bottom: 1px solid #fff;color:#fff;font-size: 24px;border-radius: 0;}
.contact .msgCont input{display: block;width: 90%;max-width: 380px;height: 70px;}
.contact .msgCont input::placeholder{color:#fff;font-size: 24px;}
.contact .msgCont input:focus::placeholder{color:#f00;}
.contact .msgCont input:focus,.contact .msgCont textarea:focus{color:#f00;}
.contact .baseInput{float: left;width: 50%;margin-bottom: 30px; }
.contact .msgCont textarea{font-family:"΢ÈíÑźÚ";width: 95%;text-align: left!important;height: 100px;margin-bottom: 70px;}
.contact .btns{width: 177px;height: 63px;background: #df2329;border-radius: 40px;-webkit-border-radius:40px;font-size: 22px;color:#fff;text-align: center;line-height: 63px;margin:0 auto;cursor: pointer;}
.contact .txts{float: left;width: 26%;max-width: 300px;padding-left: 8%;}
.contact .txts li{overflow: hidden;margin-bottom: 80px;}
.contact .txts h6{font-size: 22px;padding-bottom: 16px;}
.contact .txts p{font-size: 18px;line-height: 26px;}
.contact .txts .icon{width: 30px;float: left;padding-right: 20px;padding-top: 36px;}
.contact .txts .icon img{max-width: 100%;}
.contact .txts .infos{width: 80%;float: left; }

.book-form-box { float: left;
    width: 64%;
    max-width: 900px;
    padding-left: 2%;}
.book-form-box  .form-horizontal { margin-right: -80px;}
.book-form-box .form-group { float: left; width: 50%;    margin-bottom: 48px;}
.book-form-box .form-group-item { border-bottom: 1px solid #fff;   margin-right: 40px;}
.book-form-box .form-group-item.actived { border-bottom-color: #d62626;}
.book-form-box  .form-group-item  .control-label { color:#fff;}
.book-form-box .form-group-item.actived .control-label { color: #d62626;}

.book-form-box .form-group.col-12 { width:100%;}

.book-form-box .hot { margin-right: 10px;}
.book-form-box .control-label {  font-size: 24px;color: #444444; }
.book-form-box .form-control { display: inline-block; color: #fff; vertical-align: middle; width:297px ; height: 60px; line-height:60px; border:none; background: none;}
.book-form-box textarea.form-control { height: 264px; padding-top: 20px; line-height: inherit;width: 100%; height: 95px;}


.book-form-box .btn-box { overflow: hidden;clear: both; }
.book-form-box .form-btn{ font-size: 22px;  border:none;  margin: auto;    display: block; border-radius: 40px; -webkit-border-radius:540px;background-color:  #d62626;color: #fff; width:178px; height: 62px; line-height: 62px;}





@media (min-width:1441px) and (max-width:1600px){
    .about .leftInfos .baseT h5{font-size: 30px;}
}

@media (min-width:1024px) and (max-width:1440px){
    .news li .txt .more i {
        font-size: 18px;
        padding-right: 2px;
    }
    .banner{height: 768px !important;}
    .content .infos{font-size: 28px;top:30%;max-width: 700px;}
    .banner .banner-nav .child{width: 60px;height: 4px;margin:0 8px;}
    /*guan begin*/
    .banner .guan .dotted{transition-duration: .2s;}
    .banner .guan .dotted.one{position: absolute;top:15%;left:44%;}
    .banner .guan .dotted.two{position: absolute;top:49%;left:24%;}
    .banner .guan .dotted.three{position: absolute;top:19%;left:-2%;}
    .banner .guan .dotted.four{position: absolute;top:77%;left:-2%;}
    .banner .guan .dotted.five{position: absolute;top:41%;right:-7%;}
    .banner .guan .dotted.six{position: absolute;top:71%;right:5%;}
    /*guan over*/
    .content .infos p{font-size: 18px;}
    .selectBox .topIcon{padding:50px 0;}
    .selectBox .topIcon li .imgs{width: 80px;height: 42px;line-height: 42px;}
    .selectBox .topIcon li .tit{font-size: 22px;}
    .selectBox .topIcon li .tit p{font-size: 12px;}
    .selectBox .topIcon li .cont{padding-top: 16px;font-size: 18px;line-height: 24px;}
    .selectBox .topIcon li .more{padding-top: 30px;}
    .selectBox .readMore{width: 50px;height: 50px;line-height: 50px;}
    .selectBox .readMore img{max-width:70%;}
    .showCont .child .icon{width: 80px;height: 80px;line-height: 80px;margin-bottom: 16px;}
    .showCont .child .icon img{max-width:44%;max-height: 56%;}
    .showCont .child .iconTxt{width: 84px;height: 160px;font-size: 20px;margin:0 30px;}
    .showCont .child .iconTxt p{font-size: 12px;}
    .showCont{padding:50px 0;}
    /*.showContImgs li{height: 660px;}
    .showContImgs li .topImgs,.showContImgs li .rightTopImgs{height: 420px;}
    .showContImgs li .bottomImgs,.showContImgs li .rightBottomImgs{height: 240px;}*/
    .showContImgs li.one{height:420px;}
    .showContImgs li.two{height: 240px;}
    .showContImgs li .hover h5{font-size: 26px;padding-bottom: 16px;}
    .showContImgs li .hover p{font-size: 18px;line-height: 22px;}
    .about{padding:50px 0;}
    .about .leftInfos .baseT{font-size: 20px;}
    .about .leftInfos .baseT h5{font-size: 34px;}
    .about .leftInfos .cont{padding-top: 24px;font-size: 18px;line-height: 22px;}
    .about .leftInfos{width: 48%;padding-left: 0;}
    .about .rightImgs .lineBox{width: 380px;height: 380px;}
    .about .rightImgs .oneLine{width: 380px;height: 380px;}
    .about .rightImgs .towLine{width: 300px;height: 300px;margin-left:-150px}
    .about .rightImgs .threeLine{width: 220px;height: 220px;margin-left: -110px}
    .about .rightImgs .center{width: 80px;height: 102px;margin-left:-40px}
    .about .rightImgs .center img{max-width: 100%;}
    .about .leftInfos li .pBox{font-size: 18px;line-height: 24px;}
    .about .leftInfos li .tit em{line-height: 40px;}
    .about .leftInfos li .tit span{height: 40px;}
    .about .leftInfos li .tit{font-size: 24px;}
    .aboutNumber{height: 300px;}
    .aboutNumber li{font-size: 18px; padding: 0;}
    .aboutNumber li .number{font-size: 50px;padding-bottom: 26px;}
    .news{padding-top: 50px;}
    .news ul{padding-top: 40px;}
    .news .newsT h5{font-size: 34px;padding-bottom: 10px;}
    .news .newsT p{font-size: 18px;}
    .news li{height: auto;}
    .news li .imgs{height: 250px;}
    .news li .txt{height: 250px;    }
    .news li .txt h5{font-size: 20px;line-height: 24px;padding-bottom: 10px;padding-top: 20px;}
    .news li .txt span{font-size: 18px;padding-bottom: 10px;}
    .news li .txt .more{width: 120px;height:38px;line-height: 38px;margin-top: 10px;}
    .news li .txt p{line-height: 22px;}
    .links{padding:50px 0 40px;}
    .links .swiper-slide{height: 104px;line-height: 102px;}
    .contact h5{padding-bottom: 50px;font-size: 30px;}
    .contact{padding:50px 0 60px;}
    .contact h5::after{margin:20px auto 0;}
    .contact .msgCont input{height: 50px;}
    .contact .msgCont input, .contact .msgCont textarea{font-size: 18px;}
    .contact .msgCont input::placeholder{font-size: 18px;}
    .contact .baseInput{margin-bottom: 20px;}
    .contact .btns{width: 120px;height: 40px;line-height: 40px;font-size: 18px;}
    .contact .msgCont textarea{margin-bottom: 40px;}
    .contact .txts li{margin-bottom: 30px;}
    .contact .txts p{font-size: 18px;}
    .contact .txts  a { color: #fff;}
    .contact .txts h6{font-size: 20px;padding-bottom: 10px;}
    .contact .txts .icon{padding-top: 24px;}
    /*rotate*/
    .about .rightImgs{width: 380px;margin-right: 6%;}
    .about .rightImgs .baseRot{height:380px;}
    .about .rightImgs .baseRot.twoRotate{width:380px;}
    .about .rightImgs .baseC{width: 80px;height: 80px; margin-left: -40px}
    .about .rightImgs .baseC .bgs{width: 64px;height: 64px;}
    .about .rightImgs .baseC.tChild {top:-40px;left:-40px;}
    /*.about .rightImgs .oneChild{top:-40px;right:-40px;}
    .about .rightImgs .threeChild{left:-40px;top:-40px;}
    .about .rightImgs .twoChild{left:-40px;top:auto;bottom:-40px;}
    .about .rightImgs .fourChild{left:-40px;top:auto;bottom:-40px;}*/
    .about .rightImgs .oneChild,.about .rightImgs .threeChild{height:380px;}
    .about .rightImgs .oneChild .baseC {
        margin-top:-45px;
    }
    .about .rightImgs .threeChild .baseC {
        margin-bottom:-45px;
        margin-left: -40px;
    }
    .about .rightImgs .twoChild,.about .rightImgs .fourChild{width:380px;top:180px;left:-190px;}
    .about .rightImgs .twoChild .baseC {
        margin-right:-45px;    margin-top: -40px;
    }
    .about .rightImgs .fourChild .baseC {
        margin-left:-43px;    margin-top: -40px;
    }
    .about .rightImgs .baseC .bgs img{max-height: 60%;}
    /*.about .rightImgs .roundRotate {
        height: 600px;
        margin-top: -300px;
    }*/
    .about .rightImgs .roundRotate { height: 480px;}
    .about .rightImgs .roundScal {
        height: 480px;
        margin-top: -240px;
    }
    .about .rightImgs .roundRotate .oneRound,
    .about .rightImgs .roundRotate .twoRound {
        left: -240px;
        border-radius:300px;
        border-width:240px;
        line-height:299em;
    }
    .links .swiper_btn { left: -30px;background-size: 50%; }
    .links .swiper_btn.swiper-button-next {
        right: -30px;
        left: inherit;
    }
}
@media (min-width:1024px) and (max-width:1150px){
    /*guan begin*/
    .banner .guan .dotted.one{position: absolute;top:29%;left:40%;}
    .banner .guan .dotted.two{position: absolute;top:53%;left:20%;}
    .banner .guan .dotted.three{position: absolute;top:33%;left:-7%;}
    .banner .guan .dotted.four{position: absolute;top:77%;left:-2%;}
    .banner .guan .dotted.five{position: absolute;top:52%;right:-12%;}
    .banner .guan .dotted.six{position: absolute;top:75%;right:1%;}
    /*guan over*/
}
@media (min-width:1151px) and (max-width:1300px){
    /*guan begin*/
    .banner .guan .dotted.one{position: absolute;top:23%;left:42%;}
    .banner .guan .dotted.two{position: absolute;top:54%;left:20%;}
    .banner .guan .dotted.three{position: absolute;top:33%;left:-7%;}
    .banner .guan .dotted.four{position: absolute;top:77%;left:-2%;}
    .banner .guan .dotted.five{position: absolute;top:52%;right:-12%;}
    .banner .guan .dotted.six{position: absolute;top:75%;right:1%;}
    /*guan over*/
}
@media (min-width:751px) and (max-width:1023px){
    .banner{height: 420px !important;}
    .content .infos{font-size: 28px;}
    .banner .banner-nav .child{width: 40px;height: 2px;margin:0 10px;}
    .banner .guan .dotted{width:260px;height:auto;}
    /*guan begin*/
    .banner .guan .dotted.one{position: absolute;top:24%;left:35%;}
    .banner .guan .dotted.two{position: absolute;top:53%;left:15%;}
    .banner .guan .dotted.three{position: absolute;top:26%;left:-11%;}
    .banner .guan .dotted.four{position: absolute;top:71%;left:-2%;}
    .banner .guan .dotted.five{position: absolute;top:52%;right:-12%;}
    .banner .guan .dotted.six{position: absolute;top:75%;right:1%;}
    /*guan over*/
    .selectBox .topIcon{padding:40px 0;}
    .selectBox .topIcon li .imgs{width: 70px;height: 40px;}
    .selectBox .topIcon li .tit{font-size: 18px;}
    .selectBox .topIcon li .tit p{font-size: 12px;}
    .selectBox .topIcon li .cont{padding-top: 18px;font-size: 18px;line-height: 22px;}
    .selectBox .topIcon li .more{padding-top: 26px;font-size: 12px;}
    .selectBox .readMore{width: 40px;height: 40px;line-height: 40px;}
    .selectBox .readMore img{max-width:50%;}
    .showCont{padding:40px 0;}
    .showCont .child .icon{width: 70px;height: 70px;margin:0 auto 18px;}
    .showCont .child .icon img{max-width: 40%;}
    .showCont .child .iconTxt{font-size: 18px;width: 80px;height: 160px;margin:0 18px;}
    .showCont .child .iconTxt p{font-size: 12px;}
    /*.showContImgs li{height: 600px;}
    .showContImgs li .topImgs,.showContImgs li .rightTopImgs{height: 390px;}
    .showContImgs li .rightBottomImgs,.showContImgs li .bottomImgs{height: 210px;}*/
    .showContImgs li.one{height:390px;}
    .showContImgs li.two{height: 210px;}
    .showContImgs li .hover h5{font-size: 24px;padding-bottom: 14px;}
    .showContImgs li .hover p{font-size: 18px;line-height: 22px;padding-bottom: 16px;}
    .showContImgs li .hover h5, .showContImgs li .hover p{width: 90%;}
    .about{padding:40px 0;}
    .about .leftInfos{padding-left: 0;width: 100%; float: none;}
    .about .leftInfos .baseT{font-size: 18px;}
    .about .leftInfos .baseT h5{font-size: 24px;padding-bottom: 12px;}
    .about .leftInfos .cont{padding-top: 20px;font-size: 18px;line-height: 22px;}
    .about .leftInfos li .tit{font-size: 22px;padding-bottom: 10px;}
    .about .leftInfos li .tit span{line-height: 40px;width: 60px;}
    .about .leftInfos li .tit span img{max-height: 60%;max-width: 70%;}
    .about .leftInfos li .tit em{padding-left: 30px;line-height: 40px;}
    .about .leftInfos li .pBox{font-size: 18px;line-height: 22px;padding-bottom: 10px;}
    .aboutNumber{height: 280px;}
    .aboutNumber li{padding:0;font-size: 18px;}
    .aboutNumber li .number{font-size: 40px;padding-bottom: 20px;}
    .aboutNumber .poaBox{height: 100px;}
    .news{padding-top: 40px;}
    .news .newsT h5{font-size: 32px;padding-bottom: 10px;}
    .news .newsT p{font-size: 18px;}
    .news li{height: auto;}
    .news li .imgs,.news li .txt{height: 220px;}
    .news li .txt h5{font-size: 18px;line-height: 22px;height: 44px;padding-bottom: 0px;padding-top: 10px; margin-bottom: 10px;}
    .news li .txt span{font-size: 12px;padding-bottom: 10px;}
    .news li .txt p{line-height: 22px;}
    .news li .txt .more{width: 120px;
        height: 38px;height: 34px;line-height: 34px;font-size: 12px;margin-top: 20px;}
    .news li .txt .more i { font-size: 12px;}
    .links{padding:40px 0 50px;}
    .links .swiper-slide{height: 80px;}
    .contact{padding:40px 0 50px;background-image: none!important;
        padding: 0;}
    .contact .container {
        width: 100%;
    }
    .contact .book-form-box form {
        margin:auto;padding-left:40px;
    }
    .contact h5{font-size: 34px;padding-bottom: 30px;}
    .contact .book-form-box{padding-left: 0;width:100%; float: none; padding: 30px 0;   background: url(/images/index/cbg.png) no-repeat center center;
        -webkit-background-size: cover;
        background-size: cover;}
    .contact .book-form-box .btn-box { padding-top: 0;}
    .contact .book-form-box .form-group { margin-bottom: 30px;}
    .contact .baseInput{margin-bottom: 16px;}
    .contact .msgCont input{height: 40px;line-height: 40px;}
    .contact .msgCont input, .contact .msgCont textarea{font-size: 18px;}
    .contact .msgCont input::placeholder{font-size: 18px;}
    .contact .txts{width:100%; float: none;}
    .contact .txts li{margin-bottom: 20px;}
    .contact .txts h6{font-size: 18px;}
    .contact .txts p{font-size: 18px;line-height: 24px;}
    .contact .txts .infos{width: 72%;}
    .contact .btns{width: 120px;height: 44px;line-height: 44px;font-size: 18px;}
    .contact .mhide {display: none;}
    .contact .msgCont textarea{margin-bottom: 30px;}
    .contact .txts{color:#666;width: 100%;padding-left: 0;max-width: 100%;padding:30px 0; overflow: hidden;}
    .contact .txts li{float: left;width: 33.3%;text-align: center;margin-bottom: 0;}
    .contact .txts .icon{width: 100%;float: none;height: 50px;padding-top: 0;padding-right: 0;}
    .contact .txts .infos{float: none;width: 100%;}
    .contact .txts p{font-size: .3rem;}
    .contact .txts  a { color: #fff;}
    .contact .txts li:last-child p{width: 93%;}
    .contact .txts h6{font-size: .4rem;padding-bottom: .2rem;}

    /*rotate*/

    .about .rightImgs .lineBox{width: 380px;height: 380px;}
    .about .rightImgs .oneLine{width: 380px;height: 380px;}
    .about .rightImgs .towLine{width: 300px;height: 300px;margin-left:-150px}
    .about .rightImgs .threeLine{width: 220px;  height:220px;margin-left:-110px}
    .about .rightImgs .center{width: 60px;height: 60px;margin-left:-30px}
    .about .rightImgs .center img{max-width: 98%;}
    .about .rightImgs{width: 480px; margin:auto; margin-top: 40px; float: none; height: 480px; }
    .about .rightImgs .baseRot{height:380px;}
    .about .rightImgs .baseRot.twoRotate{width:380px;}
    .about .rightImgs .baseC{width: 80px;height: 80px; margin-left: -40px;}
    .about .rightImgs .baseC .bgs{width: 64px;height: 64px;}
    .about .rightImgs .baseC.tChild {top:-40px;left:-40px;}
    .about .rightImgs .twoRotate .oChild{top:-40px;right:-40px;}
    .about .rightImgs .oneRotate .oChild{left:-40px;top:-40px;}
    .about .rightImgs .oneRotate .tChild{left:-40px;top:auto;bottom:-40px;}
    .about .rightImgs .baseC .bgs img{max-height: 60%;}
    .about .rightImgs .oneChild,.about .rightImgs .threeChild{height:380px;}
    .about .rightImgs .oneChild .baseC {
        margin-top:-45px;
    }
    .about .rightImgs .threeChild .baseC {
        margin-bottom:-45px;
        margin-left: -40px;
    }
    .about .rightImgs .twoChild,.about .rightImgs .fourChild{width:380px;top:190px;left:-190px;}
    .about .rightImgs .twoChild .baseC {
        margin-right:-45px;    margin-top: -40px;
    }
    .about .rightImgs .fourChild .baseC {
        margin-left:-45px;    margin-top: -40px;
    }
    .about .rightImgs .roundScal {
        height: 480px;
        margin-top: -240px;
    }
    .about .rightImgs .roundRotate {
        height: 480px;
        /*margin-top: -240px;*/
    }
    .about .rightImgs .roundRotate .oneRound,
    .about .rightImgs .roundRotate .twoRound {
        left: -240px;
        border-radius:230px;
        border-width:240px;
        line-height:229em;
    }
    .links .swiper_btn {
        left: -30px; background-size: 36%;
    }
    .links .swiper_btn.swiper-button-next {
        right: -30px;
        left: inherit;
    }
    .footer-bottom .erweima  { width: 24%;}
}
@media (min-width:820px) and (max-width:1023px){

}
@media (max-width:750px){
    .index_banner_r{right:0;}
    /*.swiper-container{width: 88%;}*/
    .news li .imgs.mm{display: block;}
    .news li .imgs.pc{display: none;}
    .banner .guan .dotted{width: 7rem;height: 3rem;}
    .banner .guan .dotted img{max-width: 100%;}
    /*guan begin*/
    .banner .guan .dotted.one{position: absolute;top:3.8rem;left:6.4rem;display: none;}
    .banner .guan .dotted.two{position: absolute;top:7rem;left:2rem;display: none;}
    .banner .guan .dotted.three{position: absolute;top:9.1rem;left:6.5rem;}
    .banner .guan .dotted.four{position: absolute;top:14.7rem;left:-2rem;}
    .banner .guan .dotted.five{position: absolute;top:5rem;right:-3rem;display: none;}
    .banner .guan .dotted.six{position: absolute;top:9.2rem;right:-2rem;display: none;}
    /*guan over*/
    .banner{height: 23.0rem !important;}
    .content .infos{font-size: 0.72rem;left:15%;right:auto;top:18%;}
    .banner .banner-nav .child{width: 1.6rem;height: 2px;margin:0 0.52rem;}
    .content .infos p{font-size: .5rem;}
    .selectBox .topIcon li .more{padding-top: .4rem;font-size: .4rem;}
    .selectBox .topIcon{padding:1.4rem 0;}
    .selectBox .topIcon li .imgs{width: 1.8rem;height: 1.2rem;line-height: 1.2rem;}
    .selectBox .topIcon li .tit{font-size: .7rem;height: 1.8rem;}
    .selectBox .topIcon li .tit p{font-size: 12px;}
    .selectBox .topIcon li .imgs, .selectBox .topIcon li .tit, .selectBox .topIcon li .cont{width: 100%;}
    .selectBox .topIcon li .cont{font-size: 0.52rem;line-height: .8rem;padding-top: .4rem;}
    .selectBox .topIcon li .cont p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .selectBox .readMore{width: 1.2rem;height: 1.2rem;line-height: 1.2rem;margin:-0.6rem auto 0;}
    .selectBox .readMore img{max-width: 50%;}
    .showCont{padding:.6rem 0;}
    .selectBox .topIcon li .more img{font-size: 12px;display: none;}
    .showCont .child .iconTxt{width: 3rem;height: 4.8rem;margin:0 .3rem;font-size: .7rem;}
    .showCont .child .icon{width: 2rem;height: 2rem;line-height: 2rem;margin:0 auto .4rem;}
    .showCont .child .iconTxt p{font-size: 12px;}
    .showContImgs .more img{max-width: 34px;margin-top: .6rem;}
    /*    .showContImgs li{width: 100%;height: 15rem;}
        .showContImgs li .topImgs,.showContImgs li .rightTopImgs{height: 10rem;}
        .showContImgs li .bottomImgs,.showContImgs li .rightBottomImgs{height: 5rem;}*/
    .showContImgs li .baseH{overflow: hidden;}
    .showContImgs li.one{height:18rem;}
    .showContImgs li.two{height: 18rem;}
    .showContImgs li .baseH.tleft{width: 100%;height: 10rem;}
    .showContImgs li.one .baseH.tcenter,.showContImgs li.one .baseH.tright{width: 50%;height: 8rem;}
    .showContImgs li.two .baseH{width: 50%;height: 50%;}
    .showContImgs li.two .baseH.tleft {
        width: 100%;
        height: 10rem;
    }


    .showContImgs li .hover h5{font-size: .7rem;}
    .showContImgs li .hover h5, .showContImgs li .hover p{width: 96%;padding-bottom: .2rem;}
    .showContImgs li .hover p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 2.28rem;padding-bottom: 0;line-height: 20px;}
    .about{padding:1.4rem 0;}
    .about .leftInfos{padding-left: 0;width: 100%;overflow: hidden; float: none;}
    .about .leftInfos .baseT{font-size: .78rem;}
    .about .leftInfos .baseT h5{font-size: 1.2rem;padding-bottom: .6rem;}
    .about .leftInfos .baseT span{margin-top: .4rem;}
    .about .leftInfos .cont{padding-top: .8rem;font-size: .56rem;line-height: .88rem;}
    .about .leftInfos li .tit{font-size: 22px;padding-bottom: 10px;}
    .about .leftInfos li .tit span{height: 40px;line-height: 40px;width: 60px;}
    .about .leftInfos li .tit span img{max-height: 60%;max-width: 70%;}
    .about .leftInfos li .tit em{padding-left: 30px;line-height: 40px;}
    .about .leftInfos li .pBox{font-size: 18px;line-height: 22px;padding-bottom: 10px;}
    .about .leftInfos li .tit em::before{height: 40px;}
    .about .rightImgs{width: 100%;height:16rem;overflow: hidden; float: none; margin: auto;}
    .about .rightImgs .lineBox{width: 12.0rem;height: 12rem;}
    .about .rightImgs .oneLine{width: 12.0rem;height: 12rem;}
    .about .rightImgs .towLine{width: 9rem;height: 9rem;margin-left:-4.5rem}
    .about .rightImgs .threeLine{width: 6rem;height: 6rem;margin-left:-3.0rem}
    .about .rightImgs .center{width: 1.4rem;height: 1.8rem;border: 0 none;margin-left:-0.7rem}
    .about .rightImgs .center img{max-width: 100%;}
    .aboutNumber{height: 8rem;}
    .aboutNumber .poaBox{height: 2.4rem;}
    .aboutNumber .poaBox  ul { display: block;}
    .aboutNumber li{font-size: .5rem; padding:0 .38rem; width: 25%; padding: 0; min-width: inherit;}
    .aboutNumber li .number{font-size: 1rem;padding-bottom: .6rem;}
    .aboutNumber li .infos { min-width: inherit;left: inherit; margin-left: 0;}
    .news{padding-top: 1.4rem;}
    .news .newsT h5{font-size: 1.1rem;padding-bottom: .4rem;}
    .news .newsT p{font-size: .56rem;}
    .news ul{padding-top: 1.2rem;}
    .news li{width: 100%;float: none;height: 7.6rem;}
    .news li .imgs,.news li .txt{float: left;width: 50%;height: 100%;}
    .news li .txt h5{font-size: .7rem;line-height: .84rem;height: 1.6rem;padding: 0;margin-bottom: .4rem;padding-top: .6rem;}
    .news li .txt p{line-height: 20px;}
    .news li .txt span{font-size: 12px;padding-bottom: .2rem;width: 90%;margin:0 auto;}
    .news li .txt .more{width: 4rem;height: 1.2rem;font-size: .48rem;line-height: 1.2rem;margin-top: .2rem;}
    .news li:nth-of-type(2) .txt:before{content:"";display: block;border-width:8px;position: absolute;top:50%;left:-16px;margin-top: -16px;left:auto;right:-16px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #f8f8f8;z-index: 66;}
    .news li:nth-of-type(3) .txt:before{   right:auto;z-index: 6; position: absolute;
        top: 50%;
        left: -16px;
        margin-top: -16px;
        content: "";
        display: block;
        border-width: 8px;
        border-style: dashed solid dashed dashed;
        border-color: transparent #f8f8f8 transparent transparent;}
    .news li .txt .more i{font-size: .38rem;padding-right: 0;}
    /*.links .swiper-container {    margin-left: 10px;}*/
    .links{padding:1.4rem 0 1.6rem;}
    /*.links .navBox { width: 87%;}*/
    .links .swiper-slide{height: 2rem;line-height:inherit;}
    .links .swiper-slide a { height:inherit;}
    .links .swiper_btn{width: .7rem;height: 1rem;-webkit-background-size: 50% auto;left: 0px;
        background-size: 50% auto;}
    .links .swiper_btn.swiper-button-next  { right: 0px; left: inherit;}
    .contact .book-form-box{width: 100%;padding-left: 0;background:url(/images/index/cbg.png) no-repeat center center;-webkit-background-size: cover;background-size: cover;padding:1.4rem 0 1.6rem;}
    .contact .book-form-box form{width: 92%;margin:0 auto;}
    .contact h5{font-size: 1.1rem;padding-bottom: 1.1rem;}
    .contact h5::after{margin: .8rem auto 0;}
    .contact .book-form-box input, .contact .msgCont textarea{font-size: .56rem;}
    .contact .book-form-box .form-group { width: 46%; margin-bottom: 20px;
        margin-right: 8%;}
    .contact .book-form-box .form-group.col-12 { width: 100%; margin: 0; margin-bottom: 1.6rem;}
    .contact .book-form-box .form-group .form-group-item { margin: 0;}
    .contact .book-form-box textarea{height: 50px;}
    .contact .book-form-box .control-label {font-size: .56rem;}
    .contact .book-form-box input{border: 0 none;height: 1.2rem;line-height: 1.2rem;}
    .contact .baseInput{width: 46%;margin-right: 8%;margin-bottom: .4rem;border-bottom: 1px solid #fff;}
    .swiper-button-prev{left:6px;}
    /*   .contact .baseInput{width: 97%;}*/
    .contact .form-group:nth-of-type(2),.contact .form-group:nth-of-type(4){margin-right: 0;}
    .contact .btn-box .form-btn{width: 5rem;height: 1.4rem;line-height: 1.4rem;font-size: .56rem;}
    .contact .book-form-box textarea{width: 100%;margin-bottom: .6rem;border-radius:0!important;margin-left: -2px;}
    .contact{background-image:none!important;padding:0;}
    .contact .mhide{display: none;}
    .contact .container{width: 100%;}
    .contact .txts{color:#666;width: 100%;padding-left: 0;max-width: 100%;padding:1rem 0;}
    .contact .txts li{float: left;width: 33.3%;text-align: center;margin-bottom: 0;}
    .contact .txts .icon{width: 100%;float: none;height: 2rem;padding-top: 0;padding-right: 0;}
    .contact .txts .infos{float: none;width: 100%;}
    .contact .txts p{font-size: 12px;line-height: .7rem;}
    .contact .txts li:last-child p{width: 93%;}
    .contact .txts h6{font-size: .7rem;padding-bottom: .2rem;}
    .showCont .child .icon img{max-width: 50%;}
    /*rotate*/

    .about .rightImgs{
        width: 12rem;
        margin-right: 0;overflow: visible; margin: auto;}
    .about .rightImgs .baseRot{height:12rem;}
    .about .rightImgs .baseRot.twoRotate{width:12rem;}
    .about .rightImgs .baseC{width: 2.5rem;height: 2.5rem; margin-left:-1.25rem;}
    .about .rightImgs .baseC .bgs{width: 2rem;height: 2rem;}
    .about .rightImgs .baseC.tChild {top:-1.25rem;left:-1.25rem;}
    .about .rightImgs .twoRotate .oChild{top:-1.25rem;right:-1.25rem;}
    .about .rightImgs .oneRotate .oChild{left:-1.25rem;top:-1.25rem;}
    .about .rightImgs .oneRotate .tChild{left:-1.25rem;top:auto;bottom:-1.25rem;}
    .about .rightImgs .baseC .bgs img{max-height: 60%;}
    .about .rightImgs .oneChild,.about .rightImgs .threeChild{height:12rem;}
    .about .rightImgs .oneChild .baseC {
        margin-top:-1.27rem;
    }
    .about .rightImgs .threeChild .baseC {
        margin-bottom: -1.27rem;
        margin-left: -1.25rem;
    }
    .about .rightImgs .twoChild,.about .rightImgs .fourChild{width:12rem;top:6rem;left:-6rem;}
    .about .rightImgs .twoChild .baseC {
        margin-right:-1.29rem;margin-top: -36px;
    }
    .about .rightImgs .fourChild .baseC {
        margin-left:-1.25rem;margin-top: -36px;
    }

    .about .rightImgs .roundRotate {
        height: 16rem;
        /*margin-top: -8rem;*/
    }
    .about .rightImgs .roundScal {
        height: 16rem;
        margin-top: -8rem;
    }
    .about .rightImgs .roundRotate .oneRound,
    .about .rightImgs .roundRotate .twoRound {
        left: -6rem;
        border-radius:6rem;
        /*top: 50px;*/
        top: 2rem;
        border-width:6rem;
        line-height:5.99rem;
    }
}
.rightImgs.isRun .threeLine {
    -webkit-animation: line-one-fade 3s ease;
    animation: line-one-fade 3s ease;
}
.rightImgs.isRun .towLine {
    -webkit-animation: line-two-fade 3s ease;
    animation: line-two-fade 3s ease;
}
.rightImgs.isRun .oneLine {
    -webkit-animation: line-three-fade 3s ease;
    animation: line-three-fade 3s ease;
}
@keyframes line-one-fade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes line-one-fade {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 0;
    }
    10% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes line-two-fade {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes line-two-fade {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes line-three-fade {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes line-three-fade {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}<!--ºÄʱ1778751068.8056Ãë-->