/* 动态效果 */

[class*='anim']:hover, [class*='anim'] * {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

/* 鼠标经过时字体颜色变化*/
.animhover:hover {
    color: #3ba9ff!important;
}

/* 鼠标经过时背景色变化*/
.animbtn:hover {
    color: #fff!important;
    background-color: #3ba9ff;
    border-color: #3ba9ff!important;
}

/* 鼠标经过时放大*/
.animlarge:hover {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/* 鼠标经过时图片放大 */
.animenlarge:hover img {
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/* 鼠标经过时旋转*/
.animrotate:hover {
    transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

/* 鼠标经过时图片旋转 */
.animrevolve:hover img {
    transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
}

/* 鼠标经过时边框阴影变化*/
.animbsh:hover {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1);
}

/* 鼠标经过时上移*/
.animmove:hover {
    transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
}

/* 动态效果end */



/**/
a {text-decoration: none!important;}
.fs-p12 {font-size: 12px;}
.fs-p14 {font-size: 14px;}
.fs-p16 {font-size: 16px;}
.fs-p18 {font-size: 18px;}
.fs-p20 {font-size: 20px;}
.fs-p22 {font-size: 22px;}
.fs-p24 {font-size: 24px;}
.fs-p26 {font-size: 26px;}
.fs-p28 {font-size: 28px;}
.fs-p30 {font-size: 30px;}
.fs-p32 {font-size: 32px;}
.fs-p36 {font-size: 36px;}
.fs-p38 {font-size: 38px;}
.fs-p40 {font-size: 40px;}
.wd32 {width: 32%;}
.wd48 {width: 48%;}
.wd67 {width: 67%;}
.wd83 {width: 83%;}
.ht50 {height: 50%;}
.px20 {padding: 20px;}
.ptb10 {padding-top: 10px;padding-bottom: 10px;}
.ptb30 {padding-top: 30px;padding-bottom: 30px;}
.ptb60 {padding-top: 60px;padding-bottom: 60px;}
.plx20 {padding-left: 20px;}
.plr20 {padding-left: 20px;padding-right: 20px;}
.mtx10 {margin-top: 10px;}
.mt100 {margin-top: 100px;}
.mr0 {margin-right: 0!important;}
.mr40 {margin-right: 40px;}
.mb15 {margin-bottom: 15px;}
.col2e4 {color: #2e4e76;}
.col3ba {color: #3ba9ff!important;}
.cole35 {color: #e35561;}
.bg212 {background-color: #212330;}
.bg2e4 {background-color: #2e4e76;}
.bg3ba {background-color: #3ba9ff;}
.bgf3f {background-color: #f3f6f9;}
.bgf4f {background-color: #f4f4f4;}
.bgf6f {background-color: #f6f7f9;}
.bgtr {background-color: transparent;}
.bor169 {border: 1px solid #169bd5;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container {width: 1200px;margin: 0 auto;padding-left: 0;padding-right: 0;}
.bshadow {
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
}
.icons {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.pic img {width: auto;}
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.flex-in {-webkit-justify-content: inherit;justify-content: inherit;}
.swiper-btn1 {
    width: 47px;
    height: 84px;
    top: 36%;
    opacity: 0!important;
    --swiper-navigation-color: #fff;
    background-color: rgba(0,0,0,.5);
}
.swiper-container:hover .swiper-btn1 {opacity: 1!important;}
.swiper-btn1:after {font-size: 36px;}
.swiper-btn2 {
    width: 19px;
    height: 19px;
    border: 1px solid #ced7df;
    --swiper-navigation-color: #272a35;
}
.swiper-btn2:after {--swiper-navigation-size: 8px;line-height: normal;}
.layui-tab-item.layui-show {display: none!important;}
.layui-tab-item.item-show {display: block!important;}




/* 招商首页 */
.htbox {height: 76px;}
header .logo {width: 302px;height: 76px;padding: 21px 0;}
.motif {margin-left: 16px;padding-left: 16px;}
.motif:before {
    content: '';
    position: absolute;
    top: 17%;
    left: 0;
    width: 2px;
    height: 16px;
    background-color: rgba(46,78,118,0.8);
}
.htbox .layui-form {
    width: 295px;
    height: 39px;
    margin: 18px 0;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.htbox .layui-input {height: 37px;border-width: 0;}
.htbox .layui-form-select:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 22px;
    background-color: #ccc;
}
.htbox .layui-form-select .layui-input {color: #2e4e76;font-size: 14px;}
.htbox .layui-form-select .layui-edge {
    top: 53%;
    right: 13px;
    border-width: 4px;
    border-top-color: #2e4e76;
}
.htbox .layui-form-select dl {padding: 0;}
.htbox .layui-form-select dl dd.layui-this {background-color: #2e4e76;}
.htbox .layui-btn {
    top: -1px;
    right: -48px;
    width: 45px;
    height: 39px;
    line-height: 39px;
    background-color: #3ba9ff;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
}
.regbtn > a+a {margin-left: 17px;}
.regbtn .icons {width: 16px;height: 16px;}
.icon-reg-1 {background-image: url(../../images/nprhs/icon-reg-1.png);}
.icon-reg-2 {background-image: url(../../images/nprhs/icon-reg-2.png);}
header .layui-nav-item+.layui-nav-item {margin-left: 46px;}
header .layui-nav .layui-nav-item a {color: #fff;font-size: 16px;padding: 0;}
header .layui-nav .layui-nav-more {display: none;}
header .layui-nav .layui-this a, header .layui-nav .layui-nav-item a:hover {
    color: #3ba9ff;
}
header .layui-nav .layui-this:after {
    left: 40%;
    bottom: 8px;
    width: 20%;
    height: 4px;
    border-radius: 5px;
    background-color: #299cfe;
}
header .layui-nav-bar {background-color: transparent;}
header .layui-nav-child {
    top: 60px;
    left: -8px;
    text-align: center;
    padding: 0;
    border: 0;
    background-color: rgba(25, 76, 175, 0.7);
}
header .layui-nav .layui-nav-child a {padding: 0 10px;}
header .layui-nav .layui-nav-child a:hover {background-color: transparent;}
.hbbox .txtright span+span {margin-left: 34px;}
.inban {height: 508px;}
.inban .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.inban .swiper-pagination {bottom: 67px;}
.inban .swiper-pagination-bullet {
    width: 34px;
    height: 4px;
    opacity: .5;
    margin: 0 6px!important;
    border-radius: 0;
    background-color: #fff;
}
.inban .swiper-pagination-bullet-active {
    opacity: 1;
}
.newsbox {top: -23px;z-index: 2;}
.newsbox .layui-row {margin-left: -12px;}
.newsbox .layui-row > div {
    width: calc(50% - 12px);
    height: 324px;
    z-index: 3;
    margin-left: 12px;
    margin-bottom: 36px;
}
.newsbox .ntitle a {
    top: 0;
    right: 0;
    width: 85px;
    height: 38px;
    line-height: 36px;
    border: 1px solid rgba(62,62,62,0.5);
}
.newsbox h4:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 33px;
    background: url(../../images/nprhs/bg-h4-1.png) no-repeat 0 center;
}
.spene {line-height: 39px;padding-left: 16px;padding-right: 200px;}
.spene:before {
    content: '';
    position: absolute;
    top: 42%;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #a5a5a5;
}
.spene .pat {top: 0;right: 0;}
.incont h3:before, .incont h3:after {
    content: '';
    position: absolute;
    top: 30%;
    width: 98px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.incont h3:before {left: 33%;}
.incont h3:after {right: 33%;}
.carrier h3:before, .trends h3:before {background-image: url(../../images/nprhs/bg-h3-l1.png);}
.carrier h3:after, .trends h3:after {background-image: url(../../images/nprhs/bg-h3-r1.png);}
.carrier .layui-tab-title {height: auto;border-bottom: 0;}
.carrier .layui-tab-title .layui-this:after {border-bottom: 0;}
.carrier .icons {width: 132px;height: 132px;}
.icon-car-1 {background-image: url(../../images/nprhs/icon-car-1.png);}
.layui-this .icon-car-1 {background-image: url(../../images/nprhs/icon-car-1-on.png);}
.icon-car-2 {background-image: url(../../images/nprhs/icon-car-2.png);}
.layui-this .icon-car-2 {background-image: url(../../images/nprhs/icon-car-2-on.png);}
.icon-car-3 {background-image: url(../../images/nprhs/icon-car-3.png);}
.layui-this .icon-car-3 {background-image: url(../../images/nprhs/icon-car-3-on.png);}
.icon-car-4 {background-image: url(../../images/nprhs/icon-car-4.png);}
.layui-this .icon-car-4 {background-image: url(../../images/nprhs/icon-car-4-on.png);}
.carrier .layui-this p, .carrier .layui-tab-title li:hover p {color: #3ba9ff;}
.carrier .layui-tab-item > div.layui-row {margin-left: -12px;}
.carrier .layui-tab-item .pull-left {
    width: calc(33.33% - 12px);
    height: 446px;
    margin-left: 12px;
    margin-bottom: 17px;
}
.carrier .pic {
    height: 281px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.txtcenter > .layui-btn {
    width: 162px;
    line-height: 36px;
    border: 1px solid rgba(62,62,62,0.5);
}
.project {
    height: 826px;
    background: url(../../images/nprhs/bg-p1.jpg) no-repeat center 0;
}
.project h3:before, .project h3:after {width: 103px;height: 21px;}
.project h3:before {background-image: url(../../images/nprhs/bg-h3-l2.png);}
.project h3:after {background-image: url(../../images/nprhs/bg-h3-r2.png);}
.project .container > .layui-row {margin-left: -12px;}
.brief {
    width: calc(50% - 12px);
    height: 270px;
    padding: 30px;
    margin-left: 12px;
    margin-bottom: 14px;
}
.brief:hover {background-color: #3ba9ff;}
.brief:hover * {color: #fff!important;}
.brief > p {height: 54px;line-height: 27px;text-align: justify;}
.brief .layui-btn {width: 143px;}
.brief:hover .layui-btn {color: #3ba9ff!important;background-color: #fff;}
.project .txtcenter > .layui-btn {border-color: rgba(255,255,255,0.5);}
.trends .swiper-container {width: 520px;height: 360px;}
.trends .swtitle {
    bottom: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.5);
}
.trends .trenbox {width: 630px;height: 360px;}
.trenbox > div {height: 33.33%;padding: 20px 0;}
.trenbox .layui-col-md1 span {font-family: Arial, sans-serif;}
.trenbox > div:hover h5 a {color: #3ba9ff;}


/* 招商项目 */
.layui-breadcrumb a {color: #000!important;height: 70px;line-height: 70px;}
.layui-breadcrumb a:hover {color: #3ba9ff!important;}
.layui-breadcrumb a cite {color: #000;}
.choice {padding: 0 26px;border-top: 1px solid #ddd;}
.choice .chobox {padding: 16px 0;}
.chobox .layui-col-md1 {line-height: 34px;}
.chobox .layui-col-md11 .ofzm {width: calc(100% + 46px);margin-left: -20px;}
.chobox label {min-width: 110px;margin-right: 12px;}
.chobox .layui-form-radio {margin-top: 0;}
.chobox .layui-anim.layui-icon {display: none;}
.chobox .layui-form-radio div {
    color: #666;
    font-size: 16px;
    line-height: 34px;
    padding: 0 12px;
    position: relative;
    border-radius: 20px;
}
.chobox .layui-form-radioed div, .chobox .layui-form-radio div:hover {
    color: #3ba9ff;
}
.chobox .layui-input {
    width: 200px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    margin-left: -10px;
    display: inline-block;
    border: 0;
}
.chobox .fa-calendar {top: 10px;right: 10px;}
.chobox .layui-btn {width: 69px;height: 34px;line-height: 34px;}
.chobox .input-txt {width: 520px;}
.chobox .layui-btn-primary {line-height: 32px;border-color: #3ba9ff;}
.prolist > .layui-row {margin-left: -12px;}
.layui-laypage a, .layui-laypage span {font-size: 14px;}
.layui-laypage a:hover, .layui-laypage button:hover {color: #3ba9ff;}



/* 在线预约 */
.orderbox {width: 630px;}
.orderbox .layui-form-label {width: 120px;}
.orderbox .layui-input-block {margin-left: 130px;}
.orderbox .layui-input {color: #333;height: 44px;}
.orderbox .layui-input:focus, .orderbox .layui-textarea:focus {
    color: #999;
    border-color: #ddd!important;
    background-color: #f6f7f9;
}
.orderbox .layui-textarea {min-height: 196px;}
.orderbox .layui-input-block .pat {top: 0;right: 20px;line-height: 44px;}
.orderbox .layui-btn {width: 160px;height: 47px;border-color: #3ba9ff;}
.orderbox .layui-btn+.layui-btn {margin-left: 20px;}



/* 载体详情 */
.incont .cdl {width: 810px;padding: 40px 36px;}
.cdtitle .social-share {top: 0;left: 70px;}
.cdcont h5 {line-height: 23px;}
.cdcont h5:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 4px;
    height: 23px;
    background: url(../../images/nprhs/bg-h5-1.png) no-repeat 0 center;
}
.cdcont .shrink {padding-right: 46px;}
.shrink a {top: 0;right: 0;}
.cdcont h5+p {line-height: 24px;}
.incont .cdr {width: 376px;padding: 20px 27px;}
.cdr h3 {padding-bottom: 20px;}
.cdr .tag {margin-left: -10px;}
.cdr .tag p {
    width: calc(50% - 10px);
    height: 36px;
    line-height: 34px;
    margin-left: 10px;
    margin-bottom: 13px;
    border: 1px solid #3ba9ff;
    background-color: rgba(59, 169, 255, 0.08);
}



@media screen and (min-width: 1920px) {
    .inban .swiper-slide {background-size: 100% 508px;}
    .project {background-size: 100% 826px;}
}




/*通用咨询列表*/
.wd80{width: 80%;}
.colblue{color:#399afd ;}
.layui-breadcrumb .colblue:hover{color:#399afd !important;}
.layui-input-icodata input{ background:#fff  url(../../images/nprhs/ico-data.png) no-repeat top right;
    height: 32px;
    border:none;border-radius: 6px}
.layui-input-search  input{
   height: 32px;
    border:none;border-radius: 30px;padding:17px;
}
.layui-input-search .icosearch{
  background:url(../../images/nprhs/ico-search.png) no-repeat;
    width:20px;height:20px;background-size: 100% 100%;
    position: absolute;top:7px;right:10px;
}
.borbox{border:1px solid #eee;box-shadow:  0px 0px 8px  rgba(0,0,0,0.1)}
.txtcontent{padding:20px;}
.txtcontent p{line-height: 1.5;padding:10px 0;}
.txtcontent h5{line-height: 1.5;font-size: 1.3rem;padding:15px 0;}
.txtcontent h6{font-size: 1.2rem;}
.wd48{width:48%;}

.colorline{
   background:url(../../images/nprhs/colorline.png) no-repeat top left;
    background-size: 1% 100%;
}
.colorline a{font-size: 1.3rem;color:#2e4e76;display: block;padding:5px 0;font-weight: bold}
.colorline a:hover{color:#07c0fa}

.col2e4{color:#2e4e76}
.mr60{margin-right:60px;}
.layui-input-area input{
    height: 32px;
     border:none;border-radius: 6px;
}

.navblock .navlink{min-width:80px;display: inline-block;}
.navblock .navlink2{min-width:100px;display: inline-block;}
.btnblue{background: #3ba9ff;color:#fff;padding:5px 13px;border-radius:5px;}
.wd90{width:90%;}
.htx160{height:180px;}