﻿
html .layui-layer-resInput { border-radius: 5px; }
html .layui-layer-resInput .layui-layer-setwin .layui-layer-close2 { width: 40px; height: 40px; background-position: 0; right: -15px; top: -15px; border-top-right-radius: 5px; }
html .layui-layer-resInput .layui-layer-ico { background: url(/img/resInputClose.png) no-repeat center; }
.slid-float-c { display: none; }
.slid-float-c .resInput { padding: 35px 20px 0; }
.slid-float-c .resInput input[type="text"] { margin-bottom: 15px; background: #fff; border: 1px solid #b5b5b5; width: 474px; height: 50px; border-radius: 5px; line-height: 50px; text-indent: 10px; font-size: 16px; color: #b2b2b2; }
.slid-float-c .resInput h3 { font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold; }
.slid-float-c .resInput a { display: block; width: 474px; height: 50px; border-radius: 5px; background: #384395; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }

.bshare-custom > a { padding: 0; margin: 0; }
.slid-float > a.icon5 { background-image: url(/img/slid-float-icon5.png); background-color: #ff8a00; }
.slid-float > a.icon5:hover { background-color: #ff8a00; transition: all .5s; }
.slid-float > a.icon5 > span { background-color: #ff8a00; width: 80px; }
.slid-float .icon { width: 50px; height: 50px; display: block; position: relative; background: #333 url(/img/share/share-icon.png) no-repeat center; margin-bottom: 2px; background-position: center center; background-repeat: no-repeat; transition: all .5s; }
.slid-float .icon div { width: 163px; height: 50px; line-height: 59px; z-index: -10; position: absolute; top: 0; right: -122px; opacity: 0; filter: alpha(opacity=0); background: #364270; }
.slid-float .icon div > a { display: inline-block; width: 20px; height: 19px; }
.slid-float .icon div .wx { margin: 14px 18px 0 20px; background: url(/img/share/weixin-iconh.png) no-repeat center; }
.slid-float .icon div .sina { margin: 14px 18px 0 0; background: url(/img/share/sina-iconh.png) no-repeat center; }
.slid-float .icon div .qq { margin: 14px 15px 0 0; background: url(/img/share/qq-iconh.png) no-repeat center; }
.slid-float .icon div .zone { margin: 14px -1px 0 0; background: url(/img/share/space-iconh.png) no-repeat center; }
.slid-float .icon:hover { background: #364270 url(/img/share/share-icon.png) no-repeat center; transition: all .5s; }
.slid-float .icon:hover div { right: 50px; transition: all .3s; opacity: 1; filter: alpha(opacity=100); z-index: 10; }

    html .layui-layer-resInput { border-radius: 5px; }
    html .layui-layer-resInput .layui-layer-setwin .layui-layer-close2 { width: 40px; height: 40px; background-position: 0; right: -15px; top: -15px; border-top-right-radius: 5px; }
    html .layui-layer-resInput .layui-layer-ico { background: url(/img/resInputClose.png) no-repeat center; }
    .slid-float-c { display: none; }
    .slid-float-c .resInput { padding: 35px 20px 0; }
    .slid-float-c .resInput input[type="text"] { margin-bottom: 15px; background: #fff; border: 1px solid #b5b5b5; width: 474px; height: 50px; border-radius: 5px; line-height: 50px; text-indent: 10px; font-size: 16px; color: #b2b2b2; }
    .slid-float-c .resInput h3 { font-size: 18px; color: #333; margin-bottom: 5px; font-weight: bold; }
    .slid-float-c .resInput a { display: block; width: 474px; height: 50px; border-radius: 5px; background: #384395; font-size: 18px; color: #fff; line-height: 50px; text-align: center; }
    .slid-float-c .resInput textarea { background: #fff; border: 1px solid #b5b5b5; width: 454px; line-height: 22px; padding: 10px; height: 50px; border-radius: 5px; font-size: 16px; color: #b2b2b2; margin-bottom: 15px;}

    .slid-float > a.icon5 { background-image: url(/img/slid-float-icon5.png); background-color: #ff8a00; }
    .slid-float > a.icon5:hover { background-color: #ff8a00; transition: all .5s; }
    .slid-float > a.icon5 > span { background-color: #ff8a00; width: 80px; }

    .slid-float-c2 { display: none; }
    .slid-float-c2 p { text-align: center; font-size: 18px; color: #333; padding-top: 85px; }
    .slid-float-c2 p img { width: 5%; margin-right: 15px; }

    .redetail { width: 100%; text-align: center; margin-bottom: 24px; }
    .redetailH3 { width: 100px; margin: 40px auto 20px; padding-top: 90px; color: #262833; font-size: 16px; font-weight: bold; background: url(/img/project/re-icon.png) center top no-repeat; display: block; position: relative; z-index: 9; text-align: center; }
    .redetail .redf { border-bottom: 1px solid #ededef; border-top: 1px solid #ededef; padding-top: 40px; overflow: hidden; margin: 0 auto; width: 1200px; }
    .redetail .redf ul { overflow: hidden; padding-bottom: 20px; width: 1300px; }
    .redetail .redf li { float: left; border-right: 1px solid #ededef; margin-right: 30px; padding-right: 20px; }
    .redf li.li-last em { width: 159px; }
    .redf li p { color: #333; font-size: 13px; text-align: left; overflow: hidden; margin-bottom: 20px; }
    .redf li em { color: #999; float: right; width: 210px; }
    .redetail .redf > p { text-align: right; color: #262833; font-size: 13px; line-height: 46px; }
    .attent a.Title { background: #343a40 url(/img/title.png) no-repeat center 0; transition: .5s cubic-bezier(.3,0,0,1); }
    .attent a.Title:hover { background: #fff url(/img/title.png) no-repeat center -35px; transition: .5s cubic-bezier(.3,0,0,1); }

    @media only screen and (max-height:720px) {
        .slid-float { display: none; }
    }

    .rd-Video { width: 100%; /*height:510px;*/ background: #fff; text-align: center; margin-bottom: 40px; overflow: hidden; }
    .rd-VideoH3 { width: 100px; margin: 40px auto 20px; padding-top: 90px; color: #262833; font-size: 16px; font-weight: bold; background: url(/img/project/rd-Videoicon.png) center top no-repeat; display: block; position: relative; z-index: 9; text-align: center; }
    .rd-Video .hd { width: 1200px; margin: 0 auto; position: relative; }
    .rd-Video .hd li { width: 100%; height: 377px; background: #e3e3e5; overflow: hidden; }
    .rd-Video .hd .Video-Img { width: 809px; height: 377px; float: left; position: relative; z-index: 99; }
    .rd-Video .hd .Video-Img em { position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; width: 66px; height: 66px; background: url(/img/project/Video-Btn.png) no-repeat center; background-size: 100%; display: block; z-index: 99; }
    .rd-Video .hd .Video-Img img { display: block; width: 100%; }
    .rd-Video .hd .Video-Text { width: 391px; height: 182px; padding-top: 195px; float: left; background: url(/img/project/rd-Videoicon2.png) no-repeat center 145px; }
    .rd-Video .hd .Video-Text p { text-align: center; font-size: 14px; color: #4c4c6b; line-height: 26px; }
    .rd-Video .hd > a { display: block; width: 79px; height: 79px; position: absolute; top: 50%; margin-top: -35px; }
    .rd-Video .hd .Video-prev { left: -89px; background: url(/img/project/pleft-btn1.png) center no-repeat; transition: all .4s; }
    .rd-Video .hd .Video-prev:hover { background: url(/img/project/pleft-btn1-hover.png) center no-repeat; transition: all .4s; }
    .rd-Video .hd .Video-next { right: -89px; background: url(/img/project/pright-btn1.png) center no-repeat; transition: all .4s; }
    .rd-Video .hd .Video-next:hover { background: url(/img/project/pright-btn1-hover.png) center no-repeat; transition: all .4s; }
    .rd-de-right2 { padding: 0; border: 0; }
    .rd-de-right4 { padding-top: 10px; overflow: hidden; }
    .rd-de-right4 a { display: block; float: left; margin-right: 8px; width: 123px; height: 50px; line-height: 50px; text-align: center; border-radius: 25px; font-size: 14px; color: #fff; position: relative; }
    .rd-de-right4 a em { font-size: 14px; color: #fff; line-height: 50px; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 50px; text-align: center; }
    .rd-de-right4 a p { font-size: 14px; color: #fff; line-height: 50px; }
    .rd-de-right4 .Lookhome { background: #fb9000; }
    .rd-de-right4 .Tel { background: #384395; }
    /*.rd-de-right4 .Tel:hover p{display:none;}
    .rd-de-right4 .Tel:hover em{display:block;}*/
    .rd-section6 { padding: 0 0 20px; }
    .scrollWrap { margin-bottom: 30px !important; }
    .picScroll { padding: 0 0 24px; }
    .pd-mapbox h2.pd-mapbtn { margin: 20px 0 20px; }
    .rd-de-right33 { color: #4c4c6b; font-size: 13px; font-weight: bold; margin-top: 12px; line-height: 18px; background: url(/img/project/rd-de-right33.png) top left no-repeat; padding-left: 24px; }
