.head1 {
    float: left;
    height: 46px;
    background: #29b4bd;
    width: 100%;
}

.head2 {
    width: 1200px;
    height: 46px;
    margin: 0 auto;
}

.hspan1 {
    margin-top: 10px;
    display: block;
    float: left;
}

.hspan1a {
    position: relative;
    top: -10px;
    font-size: 25px;
    margin-left: 8px;
    color: #3F99CD;
}

.hspan2 {
    display: block;
    float: right;
    display: block;
}

.hli1 {
    width: 134px;
    float: left;
    margin-top: 11px;
}

.ha2 {
    position: relative;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    color: #fff;
    top: 0px;
    left: 3px;
}


.head3 {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
}

.head4 {
    float: left;
    height: 100%;
    margin-top: 8px;
}

.head4 img {
    width: 88%;
}

.head5 {
    width: auto;
    float: right;
    height: 70px;
    text-align: left;
}
/* 轮播 */

.banner {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    font-size: 0
}

.b-img {
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
}

.b-img a {
    display: block;
    height: 500px;
    float: left;
    width:100%;
}

.b-list {
    height: 50px;
    padding-top: 446px;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

.b-list span {
    display: block;
    cursor: pointer;
    width: 34px;
    height: 40px;
    background: url('../Images/pen.png') no-repeat;
    float: left;
}

.b-list .spcss {
    background: url('../Images/pen-red.png') no-repeat;
}

.bar-left {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100%;
    left: 0px;
    background: none;
    top: 0px;
}

.bar-right {
    position: absolute;
    z-index: 1;
    display: block;
    width: 100px;
    height: 100%;
    right: 0px;
    background: none;
    top: 0px;
}

.bar-left em {
    display: block;
    width: 50px;
    height: 100px;
    background: url(../Images/arrow.png) 0px 0px no-repeat;
    margin: 0 auto;
    margin-top: 325px;
}

.bar-right em {
    display: block;
    width: 50px;
    height: 100px;
    background: url(../Images/arrow.png) -50px 0px no-repeat;
    margin: 0 auto;
    margin-top: 325px;
}

.bar-left .emcss {
    background-position: 0px -100px;
}

.bar-right .emcss {
    background-position: -50px -100px;
}



.zbdiv1 {
    width: 100%;
    height: auto;
    float: left;
}

.zbdiv2 {
    height: auto;
    width: 100%;
}

.zbdiv3 {
    width: 1200px;
    margin: 0 auto;
    height: 715px;
    background: url('../Images/zbbj.png');
}

.zbdiv3x {
    width: 100%;
    height: 50px;
}

.div3xiadiv {
    display: block;
    width: 210px;
    height: 220px;
    float: left;
    margin-left: 53px;
    margin-right: 35px;
    margin-top: 65px;
}

.div3xiadiv:hover div.he_3DFlipY_img1 {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}




.div3liw {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.div3liwa {
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.zbmsli {
    width: 176px;
    margin: 0 auto;
    margin-top: 10px;
}

.wd img {
    cursor: pointer;
}

.fwys1 {
    width: 1200px;
    height: 560px;
    margin: 0 auto;
}

.fwysz {
    display: block;
    padding: 0 10 0 10px;
    font-size: 26px;
    border-left: 4px solid #01B1D8;
    cursor: pointer;
}

.fwysx1 {
    float: left;
    width: 580px;
    margin-top: 10px;
    height: 145px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3E3E3;
}





/* .fwysx1:hover  div.he_3DFlipX_img{-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);transform:rotateX(360deg)}.he_3DFlipX_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative}
 */

.fwspan1 {
    float: left;
    margin-right: 16px;
}

.fwimg {
    width: 107px;
    height: 107px;
    margin-top: 19px;
}

.fwspan2 {
    float: left;
    width: 450px;
    height: 107px;
    margin-top: 19px;
}

.fwspanlia {
    color: #01B1D8;
    font-size: 18px;
}

.fwa2 {
    font-size: 15px;
    color: #515151;
}

.gg {
    width: 100%;
    height: 290px;
    background: url('../Images/gg.png');
    background-position: center center;
    margin-top: 40px;
}






/** sd5mod  **/

.sd5mod {
    padding-top: 10px;
}

.a4mod {}

.a4modb {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
    padding-bottom: 20px;
    background-color: #fff;
}

.a4moda {
    padding-top: 20px;
}


#demoSlider2 .bx-wrapper {
    margin: 0 auto;
}

#demoSlider2 .bx-pager {
    display: none;
    bottom: 10px;
}







/** bxslider  **/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper .item {
    width: 0;
    overflow: hidden;
}

.bx-wrapper img {
    margin: 0 auto;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper {
    background: #fff;
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    min-height: 50px;
    width: 100%;
    height: 100%
}

.bx-wrapper .bx-pager {
    padding-top: 20px;
    color: #666;
    font-weight: 700;
    font-size: .85em;
    font-family: Arial;
    text-align: center;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    margin: 0 5px;
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #1a7bb9;
    text-indent: -9999px;
    outline: 0;
    border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #1a7bb9;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
    display: inline-block
}

.bx-wrapper .bx-pager-item {
    line-height: 0;
    font-size: 0;
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
    position: absolute;
    top: 50%;
    z-index: 200;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    outline: 0;
    text-decoration: none;
}

.bx-wrapper .bx-prev {
    background: url(../Images/pre.png) no-repeat center center;
    z-index: 100;
    top: 120px;
}

.bx-wrapper .bx-next {
    right: 11px;
    top: 120px;
    background: url(../Images/next.png) no-repeat center center;
    z-index: 100;
}






/* .bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0} */

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    margin: 0 3px;
    display: block;
    width: 10px;
    height: 11px;
    text-indent: -9999px;
    outline: 0
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    margin: 0 3px;
    display: block;
    width: 9px;
    height: 11px;
    text-indent: -9999px;
    outline: 0
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 80%;
    text-align: left
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666;
    background: rgba(80, 80, 80, .75)
}

.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: .85em;
    font-family: Arial;
}


#demoSlider1 .bx-wrapper {
    margin: 0 auto;
}

#demoSlider1 .bx-pager {
    bottom: 12px;
}

#demoSlider1 .bx-controls-direction {
    display: none;
}

#demoSlider2 .bx-wrapper {
    margin: 0 auto;
}

#demoSlider2 .bx-pager {
    display: none;
    bottom: 10px;
}

#demoSlider3 .bx-wrapper {}

#demoSlider3 .bx-pager {}

#demoSlider3 .bx-controls-direction {
    display: none;
}






/** b1mod  **/

.b1mod {
    position: relative;
}

.b1cot {
    margin-right: auto;
    margin-left: auto;
    width: 1070px;
    height: 290px;
}

.b1itm {
    position: relative;
    float: left;
    margin-left: 3%;
    box-sizing: border-box;
    border-radius: 6px;
}

.b1itm:first-child {
    margin-left: 0;
}

.b1lnk {
    display: block;
}

.b1cov {
    display: block;
    border: 1px solid #ececec;
    width: 240px;
    height: 270px;
}

.b1itm img {
    width: 240px;
    height: 290px;
}

.b1tit {
    position: relative;
    display: block;
    line-height: 75px;
    background-color: #fff;
    color: #4497CB;
    font-size: 16px;
    text-align: center;
    width: 240px;
    border-bottom: 5px solid #01B1D8;
}


.b1cob {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -50px;
    display: none;
    width: 100px;
    height: 4px;
    background-color: #1a64a9;
}

.b1itm:hover .b1cob {
    display: block;
}






/**** fix.css Use carefully ****/

.cf:before,
.cf:after {
    display: table;
    line-height: 0;
    content: ' '
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

.sx2 {
    margin-right: 30px;
    padding-bottom: 18px;
    margin-top: 10px;
    border: 0px;
}


.lia2 {
    letter-spacing: 2px;
    line-height: 1.5;
}

.fwa22 {
    font-size: 14px;
    display: block;
    padding-bottom: 20px;
    border-bottom: 1px solid #E3E3E3;
    margin-top: 10px;
}

.ckgd {
    float: right;
    display: block;
    margin-right: 80px;
    padding: 10 30 10 30;
    background: #FF8A00;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}

.ckgd:hover {
    background: red;
    box-sizing: border-box;
    border: 1px solid #fff;
    opacity: 0.85;
}

.qlyx {
    float: left;
    margin-top: 10px;
    margin-left: 25px;
}

.fawali {
    margin-top: 8px;
    cursor: pointer;
}

.sx3 {
    height: 315px;
    margin-right: 0px;
    width: 600px;
    border: 1px solid #E3E3E3;
}

.sx4 {
    float: left;
    margin-top: 25px;
    margin-left: 25px;
    width: 150px;
    height: 155px;
}

.sx5 {
    float: left;
    margin-top: 25px;
    margin-left: 25px;
    width: 370px;
    height: 155px;
}

.sx6 {
    margin-top: 5px;
    width: auto;
    height: auto;
}

.sx7 {
    margin-top: 5px;
    width: auto;
    height: auto;
}

.sx8 {
    font-size: 15px;
    line-height: 2;
    border: 0px;
}

.ys2 {
    margin-top: 20px;
    height: auto;
}

.ys3 {
    width: 1200px;
    margin: 0 auto;
}

.ys4 {
    height: 230px;
    width: 100%;
    margin: 0 auto;
}

.ys5 {
    width: 200px;
    height: 75px;
    margin-top: 25px;
    margin-left: 20px;
    float: left;
    margin-right: 17px;
    border: 1px solid #CECECE;
}

.hqyhui {
    height: 123px;
    width: 100%;
    background: url('/Home/Tpl/Public/images/yhj_bg.png') no-repeat;
    background-position: bottom center;
    margin-top: 40px;
    float: left;
}

.hui1 {
    color: #fff;
    font-size: 16px;
    float: right;
    margin-top: 40px;
    margin-right: 17%;
}

.hui1 input {
    height: 38px;
    width: 170px;
    border-radius: 20px;
    border: none;
    padding-left: 7px;
    margin-right: 30px;
}

.hui1 input:focus {
    outline: none !important;
}


.hui1 .hyj_button {
    border: none;
    background: #E74C38;
    color: #fff;
    padding: 8px 45px;
    border-radius: 20px;
    font-size: 18px;
    border-bottom: 2px solid #fff;
}

.mt20 {
    margin-top: 20px;
}



.mb70 {
    margin-bottom: 70px;
}

.gywm1 {
    width: 1200px;
    height: 250px;
    margin: 0 auto;
}

.gywm2 {
    width: 890px;
    height: 240px;
    float: left;
}





/*.gywm3{
    width:288px;height:240px;float:left;margin-left:18px;border: 1px solid #DFDFDF;
}*/

.gywm3 {
    margin-top: -240px;
    margin-left: 906px;
    width: 288px;
    height: 240px;
    float: left;
    border: 1px solid #DFDFDF;
}

.gywm4 {
    width: 100%;
    text-align: center;
    height: 45px;
}

.gywm5 {
    line-height: 45px;
    background: #01B1D8;
    display: block;
    width: 100%;
    color: #fff;
}

.gywm6 {
    width: 100%;
    text-align: left;
    height: 35px;
    color: #01B1D8;
    padding-left: 10px;
    line-height: 15px;
}

.gywm7 {
    line-height: 45px;
    display: inline;
    width: 100%;
    font-size: 14px;
    margin-left: -7px;
    cursor: pointer;
}

.gywm8 {
    width: 1200px;
    height: 250px;
    margin: 0 auto;
}

.gywm9 {
    width: 888px;
    height: auto;
    min-height: 667px;
    float: left;
    border: 1px solid #DFDFDF;
}

.gywm10 {
    padding: 0 29 0 35px;
}

.gywm11 {
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
    height: 60px;
}

.gywm12 {
    display: block;
    padding: 10 15 10 15;
    width: 130px;
    cursor: pointer;
    float: left;
}

.gywm13 {
    display: block;
    height: 49px;
}

.gywm14 {
    font-style: normal;
    position: relative;
    top: -10px;
    font-size: 16px;
}

.gywm15 {
    display: block;
    width: 1px;
    height: 30px;
    cursor: pointer;
    border-left: 1px solid #DFDFDF;
    float: left;
    margin-top: 15px;
}

.gywm16 {
    width: 100%;
    height: auto;
    padding: 10px;
}

.gywm17 {
    width: 288px;
    height: auto;
    min-height: 620px;
    float: left;
    border: 1px solid #DFDFDF;
    margin-left: 18px;
    padding-bottom: 20px;
}

.gywm18 {
    padding: 10px;
}

.gywm19 {
    display: block;
    padding: 0 10 0 10;
    border-left: 2px solid #01B1D8;
    font-size: 22px;
}

.gywm20 {
    margin-top: 10px;
    width: 100%;
}

.gywm21 {
    margin-top: 10px;
    padding-left: 10px;
    color: #999999;
}

.gywm22 {
    margin-left: 5px;
    color: #999999;
    font-size: 15px;
}

.xwlb1 {
    height: 25px;
    width: 100%;
}

.xwlb2 {
    width: 100%;
    height: 185px;
    border-bottom: 1px solid #DFDFDF;
    margin-bottom: 25px;
}

.xwlb3 {
    float: left;
    width: 260px;
    height: 160px;
}

.xwlb4 {
    margin-left: 20px;
    width: 530px;
    height: 160px;
    float: left;
}

.xwlb6 {
    margin-top: 5px;
    "><a style="font-size: 18px;
    color: #4B4B4B;
    cursor: pointer;
}

.xwlb7 {
    margin-top: 12px;
}

.xwlb8 {
    font-size: 14px;
    color: #A1A1A1;
}

#dianhua::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

#dianhua:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

#dianhua::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

#dianhua:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.lxfx1 {
    width: 1200px;
    margin: 0 auto;
}

.lxfx2 {
    font-size: 15px;
    margin-top: 25px;
}

.lxfx3 {
    width: 100%;
    margin-top: 30px;
}

.lxfx4 {
    float: left;
    width: 278px;
    height: 475px;
    background: #21B2DC;
    text-align: center;
}

.lxfx5 {
    margin-bottom: 10px;
}

.lxfx6 {
    width: 240px;
    height: 40px;
    margin-top: 15px;
    border: 0px;
    font-size: 15px;
    padding-left: 3px;
    border: 1px solid #D1D1D1;
    color: #B1B0B8;
    background: url(/Public/Images/xiajian.png);
    background-repeat: no-repeat;
    border-radius: 5px;
    border: none;
    padding-left: 9px;
}

.lxfx7 {
    width: 240px;
    height: 40px;
    margin-top: 15px;
    border: 0px;
    font-size: 15px;
    padding-left: 8px;
    border: 1px solid #D1D1D1;
    border-radius: 5px;
}

.lxfx8 {
    display: block;
    color: #fff;
    background: #F06B31;
    padding: 10 10 10 10;
    width: 220px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 20px;
}

.lxfx9 {
    width: 100%;
    height: 20px;
    background: #fff;
    margin-top: 30px;
}

.lxfx10 {
    display: block;
    font-size: 16px;
    color: #fff;
    float: left;
    position: relative;
    top: 33px;
    text-align: left;
    position: relative;
    margin-top: -10px;
}

.lxfx11 {
    display: block;
    font-size: 23px;
    color: #fff;
    float: left;
    position: relative;
    top: 33px;
    text-align: left;
    position: relative;
    margin-top: -5px;
    letter-spacing: 1px;
}

.lxfx12 {
    float: left;
    width: 898px;
    margin-left: 20px;
    margin-bottom: 50px;
}

.lxfx13 {
    float: left;
    height: 270px;
    text-align: center;
    width: 898px;
    background: #F1F2F4;
    margin-bottom: 20px;
}

.lxfx14 {
    width: 330px;
    height: 265px;
    margin-top: 2px;
    float: left;
    margin-left: 5px;
}

.lxfx15 {
    float: left;
    width: 500px;
    display: block;
    height: 270px;
    margin-left: 35px;
}

.lxfx16 {
    margin-top: 48px;
}

.lxfx17 {
    color: #FE8A01;
    font-size: 20px;
}

.lxfx18 {
    margin-top: 17px;
    font-size: 16px;
}

.lxfx19 {
    line-height: 25px;
    display: block;
    color: #4B4B4B;
}

.lxfx20 {
    margin-top: 15px;
}

.lxfx20 .button2 {
    background: #1BAAD0;
}

.lxfx20 .button2:hover {
    background: #1997b9;
}

.lxfx21 {
    display: block;
    background: #F06B31;
    color: #fff;
    padding: 8 3 8 3;
    width: 145px;
    text-align: center;
    float: right;
    cursor: pointer;
    font-size: 16px;
    margin-left: 10px;
}

.lxfx21:hover {
    background: #de622b;
}

.lxfxny1 {
    display: block;
    width: 100%;
    border-bottom: 1px solid #D1D1D1;
}

.lxfxny2 {
    font-size: 20px;
    color: #FF8A00;
    display: inline-block;
    padding: 15 5 15 5;
    border-bottom: 3px solid #FF8A00;
}

.lxfxny3 {
    width: 96%;
    padding-top: 40px;
    margin-left: auto;
    margin-right: auto;
    min-height: 297px;
}

.ykh1 {
    width: 280px;
    height: 529px;
    background: #fff;
}

.ykh2 {
    width: 280px;
    height: 400px;
    background: #EFF0F1;
}

.ykh3 {
    width: 100%;
    border-bottom: 1px solid #D3D3D3;
}

.ykh4 {
    font-size: 14px;
    font-weight: 600;
    color: #838383
}

.ykh5 {
    width: 80%;
    height: 40px;
    border: 1px solid #D4D4D4;
    font-size: 14px;
    margin-left: 2px;
    color: #777777;
    padding-left: 15px;
    border-radius: 4px;
}

.ykh6 {
    margin-top: 25px;
}

.ykh7 {
    font-size: 14px;
    font-weight: 600;
    color: #838383;
}

.ykh8 {
    font-size: 14px;
    font-weight: 600;
    color: #838383;
    position: relative;
    top: -55px;
}

.ykh9 {
    width: 224px;
    height: 75px;
    border: 1px solid #D3D3D3;
    text-align: left;
    color: #777777;
    padding: 5px 10px;
}

.ykh10 {
    display: inline-block;
    padding: 5px 73px;
    background: #fe9150;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}

.ykh11 {
    float: left;
    width: 280px;
    height: 100px;
    margin-top: 25px;
    background: url('/Home/Tpl/Public/images/tel_bg.png') no-repeat;
}

.ykh12 {
    width: 280px;
    height: 100px;
    float: left;
    margin-left: 88px;
}

.std1 {
    height: 5px;
    width: 100%;
}

.std2 {
    padding-left: 0px;
    padding-right: 0px;
}

.std3 {
    border: 1px solid #DFDFDF;
    width: 433px;
    height: auto;
    float: left;
}

.std4 {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #DFDFDF;
}

.std5 {
    float: left;
    border-left: 2px solid #01B1D8;
    height: 20px;
    margin-top: 16px;
    margin-left: 15px;
}

.std6 {
    float: left;
    display: inline-block;
    padding: 10 10 10 10;
    font-size: 22px;
}

.std7 {
    float: right;
    line-height: 50px;
    margin-right: 10px;
    font-size: 13px;
    color: #4B4B4B;
}

.std7:hover {
    color: red;
}

.std8 {
    display: block;
    width: 400px;
    height: 185px;
    border-bottom: 1px dashed #DEDEDE;
    margin-top: 20px;
    margin-left: 20px;
}

.std9 {
    width: 140px;
    height: 165px;
    float: left;
}

.std10 {
    display: inline-block;
    float: left;
    margin-left: 20px;
}

.std11 {
    font-size: 16px;
    color: #01B1D8;
}

.std12 {
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    width: 226px;
}

.std13 {
    float: left;
    position: relative;
    top: 5px;
    background: url('../Images/dian.png');
    width: 10px;
    height: 10px;
}

.std131 {
    float: left;
    position: relative;
    top: 2px;
    background: url('/Public/Images/kuang.png');
    width: 10px;
    height: 10px;
}

.std1311 {
    float: left;
    position: relative;
    top: 2px;
    background: url('../Images/dian.png');
    width: 10px;
    height: 10px;
}

.std131a {
    float: left;
    margin-left: 5px;
    font-size: 15px;
}

.std14 {
    font-size: 14px;
    margin-left: 5px;
    color: #4B4B4B;
}

.std15 {
    border: 1px solid #DFDFDF;
    ;
    width: 433px;
    height: 462px;
    float: left;
    margin-left: 18px;
}

.std16 {
    display: block;
    width: 400px;
    height: 150px;
    border-bottom: 1px dashed #DEDEDE;
    margin-top: 20px;
    margin-left: 20px;
}

.std17 {
    width: 185px;
    height: 120px;
    float: left;
}

.std18 {
    display: inline-block;
    float: left;
    margin-left: 20px;
}

.std19 {
    font-size: 16px;
    color: #01B1D8;
}

.std20 {
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    width: 190px;
}

.std21 {
    font-size: 13px;
    color: #4B4B4B;
    display: block;
    line-height: 25px;
}

.std22 {
    display: block;
    width: 400px;
    margin-top: 20px;
}

.std23 {
    display: inline-block;
    float: left;
    margin-left: 20px;
    "><a style="font-size: 16px;
    color: #01B1D8;
}

.std24 {
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 11px;
    width: 100%;
}

.std25 {
    font-size: 14px;
    margin-left: 5px;
    color: #4B4B4B;
    display: block;
    float: right;
    margin-right: 10px;
}

.xiajian {
    position: absolute;
    background: url('/Public/Images/xiajian.png');
    background-size: 38px 38px;
    display: inline-block;
    right: 20;
    top: 16px;
    width: 38px;
    height: 38px;
}

.xiajiandiv {
    padding-left: 20px;
    position: relative;
}






/* picbox */

.picbox {
    width: 890px;
    height: 300px;
}

#featured {
    height: 300px;
    overflow: hidden;
    position: relative;
}

#featured .image {
    position: absolute;
    height: 300px;
    overflow: hidden;
}

#featured .word {
    z-index: 10;
    left: 0px;
    width: 890px;
    color: #fff;
    bottom: 0px;
    position: absolute;
    height: 60px;
    padding: 10px 20px;
    text-align: left;
    background: #333;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
}

#featured .word h3 {
    font-size: 13px;
    height: 20px;
    padding: 5px 0 7px 0;
}

#featured .word p {
    line-height: 28px;
}

#thumbs {
    width: 900px;
    height: auto;
    margin-top: 16px;
}

*html #thumbs {
    height: 100%;
}

#thumbs li {
    display: inline;
    float: left;
    cursor: pointer
}

#thumbs li a {
    display: block;
    font-size: 0px;
    width: 215;
    height: 105px;
}

#thumbs li a img {
    display: block;
    font-size: 0px;
    width: 215;
    height: 105px;
    border: 1px solid #999999;
}

#thumbs li a:hover img {
    display: block;
    border: 1px solid #0099FF;
    width: 215;
    height: 105px;
}

#thumbs li a.current img {
    display: block;
    border: 1px solid #0099FF;
    width: 215;
    height: 105px;
}







/* 特效 */

.he_border1 {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border1 .he_border1_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 1;
    overflow: hidden
}

.he_border1:hover .he_border1_img {
    position: absolute;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .6
}

.he_border1 .he_border1_caption {
    color: #fff;
    padding: 0;
    margin: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border1 .he_border1_caption::before,
.he_border1 .he_border1_caption::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform .4s;
    -moz-transition: opacity 0.4s, -moz-transform .4s;
    -o-transition: opacity 0.4s, -o-transform .4s;
    transition: opacity 0.4s, transform .4s
}

.he_border1 .he_border1_caption::before {
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.he_border1 .he_border1_caption::after {
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.he_border1:hover .he_border1_caption::before,
.he_border1:hover .he_border1_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.he_border1 .he_border1_caption,
.he_border1 .he_border1_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 1000
}

.he_border1 .he_border1_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 1
}

.he_border1 .he_border1_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 60%;
    left: 10%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_border1:hover .he_border1_caption_p {
    top: 45%;
    opacity: 1
}



.he_border2 {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border2 .he_border2_img {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border2:hover .he_border2_img {
    position: absolute;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .6
}

.he_border2 .he_border2_caption {
    color: #fff;
    padding: 0;
    margin: 0;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_border2 .he_border2_caption::before,
.he_border2 .he_border2_caption::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.4s, -webkit-transform .4s;
    -moz-transition: opacity 0.4s, -moz-transform .4s;
    -o-transition: opacity 0.4s, -o-transform .4s;
    transition: opacity 0.4s, transform .4s
}

.he_border2 .he_border2_caption::before {
    top: 14%;
    right: 5%;
    bottom: 14%;
    left: 5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.he_border2 .he_border2_caption::after {
    top: 8%;
    right: 10%;
    bottom: 8%;
    left: 10%;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.he_border2:hover .he_border2_caption::before,
.he_border2:hover .he_border2_caption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.he_border2 .he_border2_caption,
.he_border2 .he_border2_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    z-index: 1000
}

.he_border2 .he_border2_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 1
}

.he_border2 .he_border2_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 60%;
    left: 10%;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_border2:hover .he_border2_caption_p {
    top: 45%;
    opacity: 1
}






/*.he_border3{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3:hover .he_border3_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border3 .he_border3_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border3 .he_border3_caption::before,.he_border3 .he_border3_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border3 .he_border3_caption::before{top:14%;right:25%;bottom:14%;left:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}.he_border3 .he_border3_caption::after{top:25%;right:10%;bottom:25%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border3:hover .he_border3_caption::before,.he_border3:hover .he_border3_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border3 .he_border3_caption,.he_border3 .he_border3_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border3 .he_border3_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border3 .he_border3_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border3:hover .he_border3_caption_p{top:45%;opacity:1}*/

.he_3DFlipX {
    display: block;
    width: 107px;
    height: 107px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.he_3DFlipX_inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.he_3DFlipX_inner div.he_3DFlipX_img {
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipX_inner:hover>div.he_3DFlipX_img {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    transform: rotateX(360deg)
}

.he_3DFlipX_inner>div img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    left: 25px;
    top: 8px;
}

.he_3DFlipX_caption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    /* background:#fe7253; */
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    /* background-color:#fe7253; */
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipX_inner:hover .he_3DFlipX_caption {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0)
}

.he_3DFlipX_caption h3 {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff
}

.he_3DFlipX_caption p {
    font-size: 1em;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff
}

.he_3DFlipX a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}


.he_3DFlipY {
    display: block;
    width: 107px;
    height: 107px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.he_3DFlipY_inner {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.he_3DFlipY_inner>div.he_3DFlipY_img {
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipY_inner:hover>div.he_3DFlipY_img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.he_3DFlipY_inner>div img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative
}

.he_3DFlipY_caption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    /* background:#68D1E4; */
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    /* background-color:#68D1E4; */
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipY_inner:hover .he_3DFlipY_caption {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.he_3DFlipY_caption h3 {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff
}

.he_3DFlipY_caption p {
    font-size: 1em;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #fff
}

.he_3DFlipY a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}


.he_3DFlipY1 {
    display: block;
    width: 107px;
    height: 107px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 50% 50%;
    -moz-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%
}

.he_3DFlipY_inner1 {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.he_3DFlipY_inner1>div.he_3DFlipY_img1 {
    backface-visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipY_inner1:hover>div.he_3DFlipY_img1 {
    /* -webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}.he_3DFlipY_inner > div img{max-width:100%;padding:0;margin:0;display:block;position:relative */
}

.he_3DFlipY_caption1 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    /* background:#68D1E4; */
    ;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    /* background-color:#68D1E4; */
    text-align: center;
    backface-visibility: hidden;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.he_3DFlipY_inner1:hover .he_3DFlipY_caption1 {
    opacity: 1;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.he_3DFlipY_caption1 h3 {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 25%;
    left: 5px;
    margin: 0;
    padding: 0;
}

.he_3DFlipY_caption1 p {
    font-size: 1em;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 5px;
    margin: 0;
    padding: 0;
}

.he_3DFlipY1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}




.he_ZoomInImg {
    background: #fff;
    width: 107px;
    height: 107px;
    padding: 0;
    margin: 0;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomInImg .he_ZoomInImg_img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomInImg:hover .he_ZoomInImg_img {
    opacity: .7;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.he_ZoomInImg .he_ZoomInImg_caption {
    color: #fff;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomInImg .he_ZoomInImg_caption,
.he_ZoomInImg .he_ZoomInImg_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomInImg .he_ZoomInImg_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: .8
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_h {
    color: #fff;
    opacity: 1
}

.he_ZoomInImg .he_ZoomInImg_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 45%;
    left: 10%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_ZoomInImg:hover .he_ZoomInImg_caption_p {
    color: #fff;
    opacity: 1
}

.he_ZoomOutImg {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomOutImg .he_ZoomOutImg_img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.he_ZoomOutImg:hover .he_ZoomOutImg_img {
    opacity: .7;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.he_ZoomOutImg .he_ZoomOutImg_caption {
    color: #fff;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomOutImg .he_ZoomOutImg_caption,
.he_ZoomOutImg .he_ZoomOutImg_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_ZoomOutImg .he_ZoomOutImg_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: .8
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_h {
    color: #fff;
    opacity: 1
}

.he_ZoomOutImg .he_ZoomOutImg_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 45%;
    left: 10%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_ZoomOutImg:hover .he_ZoomOutImg_caption_p {
    color: #fff;
    opacity: 1
}

.he_slideCaptionDown {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_caption {
    color: #fff;
    background: rgba(254, 114, 83, 0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption {
    background: rgba(254, 114, 83, .8);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.he_slideCaptionDown .he_slideCaptionDown_caption,
.he_slideCaptionDown .he_slideCaptionDown_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideCaptionDown .he_slideCaptionDown_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: -50%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h {
    color: #fff;
    top: 25%;
    opacity: 1
}

.he_slideCaptionDown .he_slideCaptionDown_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: -50%;
    left: 10%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p {
    color: #fff;
    top: 45%;
    opacity: 1
}

.he_slideAllDown {
    background: #fe7253;
    width: 360px;
    height: 240px;
    padding: 0;
    margin: 0;
    border: 1px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideAllDown .he_slideAllDown_img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: .9;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideAllDown:hover .he_slideAllDown_img {
    opacity: 1;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.he_slideAllDown .he_slideAllDown_caption {
    color: #fff;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideAllDown .he_slideAllDown_caption,
.he_slideAllDown .he_slideAllDown_caption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.he_slideAllDown .he_slideAllDown_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: -50%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_slideAllDown:hover .he_slideAllDown_caption_h {
    color: #fff;
    top: 25%;
    opacity: 1
}

.he_slideAllDown .he_slideAllDown_caption_p {
    font-size: 1em;
    text-align: center;
    width: 80%;
    position: absolute;
    top: -50%;
    left: 10%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.he_slideAllDown:hover .he_slideAllDown_caption_p {
    color: #fff;
    top: 45%;
    opacity: 1
}

.buttons {
    display: table;
    height: 100%;
    width: 100%;
}



.btn {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 auto 2em;
    max-width: 160px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.btn:hover {
    text-decoration: none;
}

.btn-1 {
    background: #fff;
    font-weight: 100;
}

.btn-1 svg {
    width: 200px;
    height: 75px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn-1 rect {
    fill: none;
    stroke: #CECECE;
    stroke-width: 1;
    stroke-dasharray: 422, 0;
}

.btn-1:hover {
    background: rgba(225, 51, 45, 0);
    font-weight: 900;
    letter-spacing: 1px;
}

.btn-1:hover rect {
    stroke-width: 5;
    stroke-dasharray: 15, 310;
    stroke-dashoffset: 48;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}



button {
    cursor: pointer;
}




/*分类*/

.classify {
    text-align: center;
    padding-bottom: 20px;
    color: #474747;
    font-size: 40px;
    background: url('/Home/Tpl/Public/images/classify.png') no-repeat;
    background-position: bottom center;
    margin-bottom: 20px;
    margin-top: 35px;
    padding-top: 35px;
}




/*服务项目*/

.service {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.service_li {
    width: 511px;
    border: 2px solid #29b4bd;
    height: 316px;
    border-radius: 6px;
    position: relative;
    display: inline-block;
    /*margin: 20 36 19 20px;*/
    margin: 20px 41px;
}

.service_li:hover {
    border: 2px solid #E3E3E3;
    box-shadow: #9a9696 0px 0px 15px;
}
.xm-titile{
    text-align: center;
}
.service_li .service_li_title1 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #f47629;
    line-height: 43px;
    display: inline-block;
    margin-top: 14px;
    /*margin-left: 52px;*/
}

.service_li .service_li_title2 {
    color: #000;
    font-size: 20px;
    /*margin-left: -5px;*/
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
}

.service_li .service_li_des {
    color: #2d2e2e;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 0px;
    width: 69%;
    margin: 0 auto;
    /*margin-left: 52px;*/
    /*margin-top: 6px;*/
    /*padding-right: 14px;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    /*overflow: hidden;*/
}

.service_li .service_li_button {
    margin-left: 115px;
    border: none;
    background: #ff914e;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 12px;
    width: 284px;
    height: 35px;
    position: absolute;
    bottom: 10px;
}
.contet-list{
    text-align: left;
    line-height: 26px;
    font-weight: bold;
    width: 51%;
    margin: 0 auto;
}
.contet-list img{
    margin-right: 5px;
}
.service_li:hover .service_li_button {
    background: #ef7c36;
}
a.son{
    /*color: #29b4bd;*/
    color: #138ae8;
    font-size: 14px!important;
}
.service_li .service_li_img {
    border-radius: 50%;
    width: 108px;
    height: 108px;
    position: absolute;
    background: #29b4bd;
    top: 100px;
    left: -50px;
    text-align: center;
}

.service_li .service_li_img img {
    margin-top: 25px;
}




/*服务优势*/

.service_ad {
    width: 100%;
    height: 385px;
    background: url('/Home/Tpl/Public/images/service_ad.png') no-repeat;
    padding-top: 78px;
}

.service_ad_div {
    width: 1320px;
    margin: 0 auto;
}

.service_ad_li {
    width: 185px;
    height: 173px;
    text-align: center;
    padding: 0 37px;
    display: inline-block;
}

.service_ad_li img {
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}

.service_ad_li img:hover {
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.service_ad_title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    line-height: 46px;
    padding-top: 19px;
}

.service_ad_des {
    font-size: 16px;
    color: #000;
}

.service_ad_bottom {
    width: 1208px;
    height: 100px;
    margin: 0 auto;
    background: url('/Home/Tpl/Public/images/service_ad_button.png') no-repeat;
    border-radius: 6px;
    margin-top: 50px;
    position: relative;
}

.service_ad_button {
    font-size: 28px;
    color: #f47629;
    position: absolute;
    right: 90px;
    top: 20px;
    background: #FEE067;
    border-radius: 8px;
    padding: 11 32px;
    box-shadow: #DEBB1E 5px 5px 2px;
    cursor: pointer;
}


.team_up {
    background-color: rgba(41, 167, 176, 0.6);
    position: absolute;
    top: 203px;
    left: 0;
    width: 240px;
    height: 290px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.team_up a {
    color: #fff;
}

.team_up_name {
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
}

.team_up_title {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

.team_up_des {
    padding: 0 20px;
    font-size: 15px;
    line-height: 30px;
    margin-top: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.team_up_button {
    border: 0;
    border-radius: 20px;
    background: #F47629;
    color: #fff;
    padding: 6px 23px;
    margin-top: 17px;
    font-size: 16px;
}




/*公司新闻*/

.news {
    background: url('/Home/Tpl/Public/images/news_bg.png') no-repeat;
    padding-bottom: 43px;
}

.news .classify {
    padding-top: 30px;
    color: #fff;
    background: url('/Home/Tpl/Public/images/classify2.png') no-repeat;
    background-position: bottom center;
}

.news .news_div {
    width: 1210px;
    margin: 0 auto;
    padding-top: 15px;
}

.news_div_left {
    width: 449px;
    height: 482px;
    background: #fff;
    border-radius: 10px;
    display: inline-block;
}

.news_div_title {
    color: #29b4bd;
    font-size: 20px;
    padding-left: 28px;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 14px;
    position: relative;
}

.news_left_li_div {
    padding: 0 20px;
}

.news_div_title_img {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: 14px;
    color: #747474;
    font-weight: 500;
}

.news_left_li {
    width: 100%;
    height: 105px;
}

.news_left_li:hover {
    background: #29b4bd;
    color: #fff;
}

.news_left_li:hover .news_left_li_time {
    color: #fff;
}

.news_left_li_img {
    margin: ;
    width: 128px;
    height: 78px;
    float: left;
    margin-top: 13px !important;
    margin-left: 14px !important;
}

.news_left_li_font {
    width: 249px;
    display: inline-block;
    font-size: 14px;
    padding-left: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-top: 15px;
    line-height: 25px;
    height: 47px;
}

.news_left_li_time {
    color: #6e6e6e;
    font-size: 14px;
    display: inline-block;
    padding-left: 14px;
    padding-top: 5px;
}

.news_div_right {
    width: 727px;
    height: 482px;
    background: #fff;
    border-radius: 10px;
    float: right;
}

.news_right_li_div {
    padding: 3 23px;
}

.news_right_li1 {
    margin-bottom: 10px;
}

.news_right_li1:hover .news_right_li_title {
    color: #29b4bd;
}

.news_right_li1 .he_border2 {
    width: 221px;
    height: 123px;
    display: inline-block;
}

.news_right_li_font {
    display: inline-block;
    width: 440px;
    float: right;
}

.news_right_li_title {
    font-size: 16px;
    color: #2d2e2e;
    font-weight: 700;
    padding: 5 0px;
}

.news_right_li_font {
    color: #666666;
    font-size: 14px;
    line-height: 29px;
}

.news_right_li {
    width: 45%;
    border-bottom: 1px solid #EDEDED;
    font-size: 14px;
    color: #2d2e2e;
    padding: 17 2px;
    display: inline-block;
    margin-right: 27px;
}

.news_right_li .li_time {
    float: right;
    color: #6e6e6e;
}

.news_right_li .li_title {
    display: inline-block;
    font-size: 15px;
    width: 200px;
    overflow: hidden;
    height: 20px;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.news_right_li .li_title:hover {
    color: #29b4bd;
}

.news_left_li_div .bx-prev {
    background: url('/Home/Tpl/Public/images/news_left.png') no-repeat;
    top: -36px;
    right: 30px;
    width: 30px;
    height: 30px;
}

.news_left_li_div .bx-next {
    background: url('/Home/Tpl/Public/images/news_right.png') no-repeat;
    top: -36px;
    right: 0;
    width: 30px;
    height: 30px;
}



/*合作*/

.firend_div {
    width: 1200px;
    margin: 0 auto;
}

.firend_li {
    width: 186px;
    height: 74px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    margin: 7px;
    box-shadow: 0px 0px 5px #b9b1b1;
}

.firend_li img {
    height: 100%;
    width: 100%;
    border-radius: 5px;
}



/*尾部*/

.footer {
    background: #243139;
    display: inline-block;
    width: 100%;
}

.foot_div {
    width: 1250px;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 12px;
}

.foot_top {
    text-align: center;
    font-size: 16px;
    padding: 18px 0px;
    border-bottom: 1px solid #666666;
}

.yqlj_li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 16px;
    color: #fff;
}
.foot_top a:last-child {
    border-right: none;
}
.foot_mid {
    margin-top: 20px;
    display: inline-block;
    margin-right: 75px;
    height: 152px;
    overflow: hidden;
}

.foot_mid .foot_title {
    font-size: 18px;
    margin-bottom: 10px;
}

.foot_mid .foot_cont {
    font-size: 14px;
    line-height: 30px;
}

.foot_cont_about {
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 34%;
}

.foot_cont_about a {
    color: #fff;
}

.foot_cont_about:hover {
    text-decoration: underline;
}

.foot_mid2 {
    margin-left: -175px;
}

.foot_mid2 img {
    margin-right: 25px;
}

.foot_mid3 {
    margin-right: 1px;
    font-size: 14px;
}

.foot_mid3_wx {
    float: left;
    width: 93px;
    text-align: center;
    margin-left: 40px;
    line-height: 29px;
}

.foot_bottom {
    color: #fff;
    font-size: 12px;
    background: #1E292F;
    text-align: center;
    line-height: 46px;
}



/*左侧浮框*/

.left_fu {
    position: fixed;
    left: 0;
    top: 239px;
    width: 105;
    height: 362px;
    background: url('/Home/Tpl/Public/images/kefuli.png');
    z-index: 99999;
}

.left_fu_li {
    width: 90px;
    height: 49px;
    margin-top: 9px;
    cursor:pointer;
    position: relative;
}

.left_fu_li .fixed_show {
    position: absolute;
    left: 120px;
    top: 0px;
    border: 1px solid #ece5e5;
    background: #fff;
    z-index: 99999999;
    text-align: center;
    display: none;
}
.left_fu_li:hover .fixed_show{
    display: block;
}

.fixed_show img {
    height: 130px;
}

.fixed_show span {
    color: #333;
    line-height: 20px;
    font-size: 14px;
}
.main {
    width: 1200px;
    margin: auto;
}
.main .div_model_title {
    font-size: 14px;
    color: #6a6a6a;
    margin: 50px 0px 40px 0px;
}
.main .success_list_div {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
    padding: 10px;
    padding-top: 1px;
    padding-bottom: 22px;
}
.main .success-div-one:not(:nth-child(4n+0)) {
    margin-right: 6px;
}
.main .success-div-one {
    width: 285px;
    height: 285px;
    margin-top: 20px;
}
.success-div-one {
    width: 285px;
    height: 300px;
    margin: 15px auto;
}
.main .success_list_div .success-div-one img {
    width: 100%;
    border-radius: 5px;
    width: 285px;
    height: 308px;
    object-fit: cover;
}
.main .success_list_div .success-div-one .p1 {
    position: relative;
    bottom: 110px;
    width: 100%;
    background: #6cabfb;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 15px 0px;
    line-height: 26px;
}
.main .success_list_div .success-div-one .p1-span1 {
    display: block;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.main .success_list_div .success-div-one .a1 {
    position: relative;
    bottom: 110px;
    width: 100%;
    background: #6cabfb;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 27px 0px;
    line-height: 26px;
    display: none;
    animation: fade-in;
    animation-duration: 1.5s;
    -webkit-animation: fade-in 1.5s;
}
.main .success_list_div .success-div-one .a1 a {
    padding: 7px 15px;
    background: #fff;
    color: #6cabfb;
    border-radius: 30px;
    margin: 10px;
}