/* @font-face {

    font-family: SOURCEHANSERIFSC-MEDIUM;

    src: url('../font/SOURCEHANSERIFSC-MEDIUM.OTF');

} */







/**{transition: all .5s ease}*/



body,

html {

    margin: 0;

    padding: 0;

    font-family: '微软雅黑';

}



body {}



h1,

h2,

h3,

h4,

h5,

p {

    margin: 0;

    padding: 0;

}



ul,

li {

    margin: 0;

    padding: 0;

    list-style: none;

    box-sizing: border-box;

}



a {

    text-decoration: none!important;

}



a:hover {

    text-decoration: none!important;

}



input {

    outline: none!important;

}



textarea {

    outline: none!important;

}



input:focus {

    outline: none!important;

    border: none;

}



textarea:focus {

    outline: none!important;

    border: none;

}



button {

    outline: none!important;

}



button:focus {

    outline: none !important;

}



img {

    max-width: 100%

}



.g_f_st {

    font-family: SOURCEHANSERIFSC-MEDIUM;

    font-weight: 600;

}



.g_bg {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.g_transition {

    transition: all .5s ease

}



.g_w {

    max-width: 1300px;

    margin: 0 auto;

}



.g_body {}



.g_p_c {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%)

}



.g_p_a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.g_black {

    display: block;

    width: 100%;

    height: 100%;

}



.g_df {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.g_fr {

    float: right

}



.g_fl {

    float: left

}



.container {

    width: 100%

}



.closeVideo {

    display: none

}





/*导航开始web*/



.webNav {

    width: 100%;

    display: none;

    overflow: hidden;

}



.webNav * {

    transition: all 1s;

}



.navShear {

    margin-left: 80px;

    margin-top: 70px !important;

}



.myNav {

    width: 100% !important;

    height: 60px;

    margin: 0;

    padding: 8px 0;

    position: fixed;

    top: 0;

    left: 0;

    background:rgba(68, 62, 4, .85);

    z-index: 99999

}



.mynavBody {

    width: 100%;

    height: 100%;

    position: relative

}



.mynavBody h3 {

    margin: 0;

    height: 100%

}



.mynavBody h3 a {

    height: 100%;

    margin-left: 10px;

    display: inline-block;

    vertical-align: middle;

}



.mynavBody h3 a img {

    height: 60%;

    width: auto;

    margin-top: 10px;

}



.nav-btn {

    width: 36px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 10px

}



.nav-table-cell {

    width: 100%;

    height: 100%;

}



.nav-table-cell span {

    display: block;

    width: 80%;

    height: 1px;

    border-top: 1px solid #fff;

    margin-top: 11px

}



.close span:nth-of-type(1) {

    -webkit-transform: translateY(12px) rotate(45deg);

    transform: translateY(12px) rotate(45deg);

}



.close span:nth-of-type(2) {

    opacity: 0

}



.close span:nth-of-type(3) {

    -webkit-transform: translateY(-12px) rotate(-45deg);

    transform: translateY(-12px) rotate(-45deg);

}



.mynav-ul {

    width: 100%;

    height: 0;

    padding: 0 50px;

    opacity: 0;

    overflow: hidden;

    position: fixed;

    top: 60px;

    background: rgba(68, 62, 4, .85) ;

    z-index: 10000

}



.mynav-ul li {

    width: 100%;

    padding: 8px 0;

    margin-bottom: 4px;

    border-bottom: 1px solid #fff;

}



.mynav-ul li a {

    color: #fff;

    font-size: 1em

}



.hideNav {

    height: 0;

    opacity: 0;

}



.showNav {

    display: block;

    height: 100%;

    opacity: 1;

}



.pcNav {

    width: 203px;

    height: 100vh;

    position: fixed;

    left: -203px;

    top: 0;

    z-index: 9999;

    background: rgba(255, 255, 255, .9);

    transition: .8s all ease

}



.pcNav:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0);

}



.pcNav:hover {

    left: 0;

    transition: .8s all ease

}



.pcNav.active {

    left: 0;

    transition: .8s all ease

}



.pcNav:hover:after {

    width: 0;

    transition: .8s all ease .4s

}



.pcNav.active:after {

    width: 0;

    transition: .8s all ease .4s

}



.pcNav:hover .navBtn {

    opacity: 0;

}



.pcNav.active .navBtn {

    opacity: 0;

}



.logo {

    padding: 52px 27px 0 27px;

}



.lang {

    margin-top: 22px;

    text-align: center;

}



.lang a {

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    color: #185eaf;

}



.lang span {

    display: inline-block;

    vertical-align: middle;

    width: 1px;

    height: 15px;

    margin: 0 10px;

    background: #185eaf

}



.pcNav-body {

    height: calc(100% - 53px - 147px - 40px);

    text-align: right;

    display: flex;

    justify-content: flex-end;

    align-items: center;

}



.pcNav_ul1 {

    display: inline-block;

    vertical-align: middle;

    width: 116px;

    text-align: left;

}



.pcNav_ul1>li {

    position: relative;

    /*transform: translateX(-20px);*/

    /*padding-right: 20px;*/

    opacity: 0;

}



.pcNav_ul1>li:nth-child(1) {

    transition: .4s all ease .4s

}



.pcNav_ul1>li:nth-child(2) {

    transition: .4s all ease .5s

}



.pcNav_ul1>li:nth-child(3) {

    transition: .4s all ease .6s

}



.pcNav_ul1>li:nth-child(4) {

    transition: .4s all ease .7s

}



.pcNav_ul1>li:nth-child(5) {

    transition: .4s all ease .8s

}



.pcNav_ul1>li:nth-child(6) {

    transition: .4s all ease .9s

}



.pcNav_ul1>li:nth-child(7) {

    transition: .4s all ease 1s

}



.pcNav:hover .pcNav_ul1>li {

    opacity: 1;

}



.pcNav.active .pcNav_ul1>li {

    opacity: 1;

}



.pcNav_ul1 li a {

    display: block;

    width: 100%;

    height: 52px;

    line-height: 52px;

}



.pcNav_ul1>li>a {

    color: #185eaf;

    padding-left: 14px;

}



.pcNav_ul1>li>a:hover {

    color: #fff;

    background: rgba(0, 154, 214, .8);

    transition: .3s all ease

}



.pcNav_2 {

    position: fixed;

    left: 203px;

    top: 0;

    width: 135px;

    height: 100vh;

    background: rgba(0, 154, 214, .8);

    transform: translate(0);

    z-index: 9999;

    display: none;

    animation: navU .3s ease forwards;

    -webkit-animation: navU .3s ease forwards;

}



.pcNav_ul2 {

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}



.pcNav_ul2>li>a {

    color: #fff;

    text-align: center;

}



.pcNav_ul2>li>a:hover {

    color: #185eaf;

    background: rgba(255, 255, 255, 1);

    transition: .3s all ease;

}



.pcNav_u1_2 {

    animation: navU .3s ease forwards;

    -webkit-animation: navU .3s ease forwards;

}



.pcNav_ul1>li:hover .pcNav_2 {

    display: block

}



.navBtn {

    position: absolute;

    left: 100%;

    top: 50%;

    display: block;

    width: 27px;

    height: 409px;

    background: url('../images/navBtn.png') no-repeat;

    transform: translateY(-50%);

}



@keyframes navU {

    0% {

        opacity: 0;

        transform: translate(-20px);

    }

    100% {

        opacity: 1;

        transform: translate(0);

    }

}



@-webkit-keyframes navU {

    0% {

        opacity: 0;

        transform: translate(-30px, -20px);

    }

    100% {

        opacity: 1;

        transform: translate(-30px, 0);

    }

}





/*导航结束web*/





/*************footer-s****************/



.footer {

    background: #071d2f

}



.g_w1 {

    max-width: 1320px;

    margin: 0 auto

}



.footer-top {

    background: #14344c

}



.footer-top>.g_w1 {

    display: flex;

}



.footer-top-item {

    width: 25%;

    height: 248px;

    padding: 20px;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    transition: .4s all ease

}



.footer-top .footer-top-item:nth-child(1):before {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #0a1a27;

    width: 1px;

    height: 176px;

    content: ''

}



.footer-top-item:after {

    position: absolute;

    left: 100%;

    top: 50%;

    transform: translateY(-50%);

    background: #0a1a27;

    width: 1px;

    height: 176px;

    content: ''

}



.footer-top-item>div {

    text-align: center;

}



.footer-top-item i {

    color: #009ad6;

    font-size: 34px;

    transition: .4s all ease

}



.footer-top-item span {

    display: block;

    margin-top: 28px;

}



.footer-top-itemCode {

    border: 1px solid #ccc;

    position: fixed;

    text-align: center;

    width: 160px;

    display: none;

    top: 50%;

    left: 50%;

    opacity: 0;

    z-index: 99999999;

    padding: 10px;

    background: #fff;

    animation: navU2 .3s ease forwards;

    -webkit-animation: navU2 .3s ease forwards;

}



.footer-top-itemCode p {

    padding: 10px;

    text-align: center;

}



.footer-top-item:hover {

    height: 274px;

    margin-top: calc(248px - 274px);

    background: #145b7d;

    transition: .4s all ease

}



.footer-top-item:hover i {

    color: #fff;

    transition: .4s all ease

}



.footer-top-item:hover .footer-top-itemCode {

    display: block;

}



.footer-b .g_w1 {

    display: flex;

    padding-top: 60px;

}



.footer-b-l {

    margin-right: 120px;

}



.footer-b-c {

    margin-right: 60px;

}



.footer-b-c ul {

    display: flex

}



.footer-b-c ul li {

    width: 130px;

    padding-right: 10px;

}



.footer-b-c ul li h5 {

    font-size: 14px;

    color: #c5c5c5;

    opacity: .9;

    padding-bottom: 20px;

}



.footer-b-c ul li a {

    font-size: 14px;

    color: #c5c5c5;

    opacity: .9;

    display: block;

    margin-top: 16px;

}



.footer-b-c ul li a:hover {

    opacity: 1

}



.footer-b-r {

    color: #fff

}



.codeItem {

    width: 110px;

    text-align: center;

    display: inline-block;

    vertical-align: text-top;

}



.codeItem img {

    width: 78px;

}



.footer-b-r p {

    padding-top: 14px;

}



.footer-bottom {

    margin-top: 40px;

    background: #0b0b0b;

    padding: 12px 0;

}



.footer-bottom .g_w1 {

    text-align: center

}



.footer-bottom span {

    color: #707171;

    display: inline-block

}



.footer-bottom>div span {

    padding: 0 12px;

    position: relative

}



.footer-bottom>div a {

    display: inline-block;

}



.footer-bottom>div span:after {

    content: '';

    position: absolute;

    left: 100%;

    top: 50%;

    transform: translateY(-50%);

    height: 10px;

    width: 1px;

    background: #707171

}



.footer-bottom>div:nth-child(1)>span:nth-child(1) {

    padding-right: 14px;

}



.footer-bottom>div:nth-child(1)>span:nth-last-child(1):after {

    display: none

}



.footer-bottom-l>div span:nth-child(1) {

    margin-left: 0

}



@keyframes navU2 {

    0% {

        opacity: 0;

        transform: translate(-50%, -49%);

    }

    100% {

        opacity: 1;

        transform: translate(-50%, -50%);

    }

}



@keyframes navU2 {

    0% {

        opacity: 0;

        transform: translate(-50%, -49%);

    }

    100% {

        opacity: 1;

        transform: translate(-50%, -50%);

    }

}





/*************footer-e****************/





/*分页*/



.fenye {

    margin: 60px 0;

    width: auto;

    text-align: center;

}



.fenye a {

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    line-height: 40px;

    color: #000;

    width: 40px;

    height: 40px;

    border-radius: 50%;

}



.fenye a:hover {

    color: #fff;

    background: #145b7d;

}



.fenye a.active {

    color: #fff;

    background: #145b7d;

}



.fenye a:nth-child(1) {

    margin: 0 10px;

    background: url("../images/f.png")

}



.fenye a:nth-last-child(1) {

    margin: 0 10px;

    background: url("../images/l.png")

}





/*网站地图*/



.webMap {

    padding: 40px 0;

}



.webMap-item {

    margin-top: 30px;

}



.webMap-item-title {

    padding-bottom: 10px;

    color: #004177;

    border-bottom: 1px solid #ccc

}



.webMap-item ul {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.webMap-item ul li {

    width: 25%;

    margin-top: 20px;

}



.webMap-item ul li a {

    color: #2a2a2a

}



.webMap-item>div {

    font-size: 20px;

    margin-top: 20px;

    font-weight: 600

}



.webMap-item>div>ul {

    font-size: 14px;

    font-weight: 100

}



.webMap-item ul li a:hover {

    color: #026bdd;

    transition: all 0s

}





/*视频样式*/



.m {

    width: 90%;

    padding: 50px 0;

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 999999;

    background: #000;

    display: none;

}



#my-video {

    display: none

}



.my-video {

    display: none;

}



.my-video-dimensions {

    width: 100%;

    height: auto

}



.m video {

    width: 100% !important;

    height: auto !important;

    position: relative !important;

    object-fit: fill;

    object-posititon: top center;

}



.closeVideo {

    width: 40px;

    height: 40px;

    position: absolute;

    right: 4px;

    top: 2px;

    text-align: center;

    line-height: 40px;

    z-index: 999999999;

}



.closeVideo i {

    font-size: 30px;

    color: #fff

}



@media (min-width:1440px)and (max-width: 1600px) {}



@media (min-width:1200px) and (max-width:1440px) {

    .f-c>ul>li {

        margin-right: 20px;

    }

}



@media (max-width:1350px) {

    .f-b .g_w {

        display: block

    }

    .f-b .g_w>div {

        text-align: center

    }

}



@media (max-width:1350px) {

    .g_w {

        padding-left: 20px;

        padding-right: 20px;

    }

}



@media (max-width:1320px) {

    .g_w {

        padding-left: 20px;

        padding-right: 20px;

    }

    .footer-b-l {

        margin-right: 60px;

    }

    .footer-b-c {

        margin-right: 0;

    }

}



@media (min-width:1200px) and (max-width:1260px) {

    /*.g_w{padding-left: 5%;padding-right: 5%;}*/

}



@media   (max-width:1200px) {

    .footer-b .g_w1 {

        justify-content: center

    }

    .footer-b-l {

        margin-right: 120px;

    }

    .footer-b-c {

        display: none

    }

    .g_w {

        padding-left: 5%;

        padding-right: 5%;

    }

    .webNav {

        display: block!important;

    }

    .pcNav {

        display: none!important;

    }

    .pc-nav {

        display: none!important;

    }

    .i-head{

        display: none!important;

    }

    .i-nav{

        display: none!important;

    }

    .g_body {

        padding-top: 60px;

    }

    .m {

        width: 90%

    }

    .f-c-contact {

        transform: translateY(0)

    }

    .f-c>ul>li {

        margin-right: 20px;

    }

}



@media (max-width:767px) {

    .footer-b .g_w1 {

        justify-content: center;

        padding-top: 20px;

    }

    .footer-b-l {

        margin-right: 0;

    }

    .footer-b-r {

        display: none

    }

    .footer-b-c {

        display: none

    }

    .footer-top>.g_w1 {

        flex-wrap: wrap;

    }

    .footer-top-item {

        width: 50%;

        height: 140px;

        padding: 14px;

    }

    .footer-top-item:after {

        display: none

    }

    .footer-top-item:before {

        display: none

    }

    .footer-top-item span {

        margin-top: 10px;

    }

    .footer-bottom {

        margin-top: 20px;

    }

    .webNav {

        /*display: block!important;*/

    }

    .pcNav {

        /*display: none!important;*/

    }

    .logo {

        padding: 20px 20px 0 20px;

        text-align: center;

    }

    .logo img {

        width: 80px

    }

    .g_w {

        padding-left: 5%;

        padding-right: 5%;

    }

    .g_body {

        padding-top: 60px;

    }

    .fenye ul li {

        margin-top: 10px

    }

    .m {

        width: 90%

    }

    footer {

        padding: 0

    }

    .f-t-a {

        margin-top: 10px;

    }

    .f-c>ul>li {

        margin-top: 20px;

        margin-right: 20px;

    }

    .f-c-contact {

        margin-top: 20px;

        transform: translateY(0)

    }

    .f-c-code {

        margin-top: 20px;

    }

    .f-c-contact>div {

        margin-top: 10px

    }

}





/**************列表公共样式-s****************/





/*item_v1-s*/



.n_item_v1Img {

    overflow: hidden

}



.n_item_v1Bg {

    position: relative;

    padding-top: 77.6%;

    transition: 1s all linear;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



.n_item_v1Info {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    display: flex;

    justify-content: center;

    align-items: center;

    background: rgba(0, 0, 0, .45);

    transition: .5s all ease

}



.n_item_v1Info>div {



    color: #fff;

    text-align: center;



}



.n_item_v1Info>div h4 {

    opacity: 1;

    color: #fff;

    font-size: 24px;

    font-weight: 600;

    transition: .5s all ease

}



.n_item_v1Info>div span {

    display: block;

    margin-top: 12px  ;

    width: 48px; height: 5px;background: #fff;

    text-align: center;

    transition: .5s all ease

}



.n_item_v1Info>div p {

    opacity: 0;

    line-height: 2rem;

    margin-top: 32px;

    transform: translateY(8px);

    transition: .5s all ease

}



.n_item_v1Text {

    margin-top: 22px;

    padding-left: 8px;

    font-size: 18px;

    color: #000;

}



.n_item_v1:hover .n_item_v1Bg {

    transform: scale(1.05);

    transition: 1s all linear

}



.n_item_v1:hover .n_item_v1Info {

    opacity: 1;

    transition: .5s all ease

}



.n_item_v1:hover .n_item_v1Info>div span {

    /*width: 50%;*/

    /*transition: .8s all ease .3s*/

}



.n_item_v1:hover .n_item_v1Info>div p {

    opacity: 1;

    transform: translateY(0);

    transition: .8s all ease .3s

}



.n_item_v1:hover .n_item_v1Info>div h4 {

    opacity: 1;

    transform: translateY(0);

    transition: .8s all ease .3s

}





/*item_v1-e*/





/*item_v2-s*/



.n_item_v2 {

    background: rgba(7, 7, 7, .67);

    transition: .5s all ease

}



.n_item_v2Img {

    /*overflow: hidden;*/

}



.n_item_v2Bg {

    padding-top: 73%;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    transition: .8s all linear

}



.n_item_v2Text {

    padding: 30px 26px 10px 26px;

    text-align: justify;

    color: #fff;

    background: #fff;

}



.n_item_v2Text h5 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #009bd6;

    font-size: 15px;

    font-weight: 600;

    transition: .5s all ease

}



.n_item_v2Text p {

    color: #009bd6;

    height: 80px;

    overflow: hidden;

    margin-top: 18px;

    transition: .5s all ease

}



.n_item_v2More {

    color: #009bd6;

    display: block;

    margin-top: 20px;

    margin-bottom: 10px;

    transition: .5s all ease

}





/*.n_item_v2:hover .n_item_v2Bg {*/





/*transform: scale(1.05);*/





/*transition: .8s all linear*/





/*}*/



.n_item_v2:hover .n_item_v2Text {

    background: #246686;

    transition: .5s all ease

}



.n_item_v2:hover .n_item_v2Text h5 {

    color: #fff;

    transition: .5s all ease

}



.n_item_v2:hover .n_item_v2Text p {

    color: #fff;

    transition: .5s all ease

}



.n_item_v2:hover .n_item_v2More {

    color: #fff;

    transform: translateX(10px);

    transition: .5s all ease

}





/*item_v2-e*/





/*n_item_h1-s*/



.n_item_h1 {

    margin-top: 36px;

    min-height: 230px;

    position: relative;

    padding: 50px 0;

}



.n_item_h1 a {

    display: flex;

}



.n_item_h1Img {

    width: 324px;

    transition: .5s all ease;

}



.n_item_h1Bg {

    padding-top: 66.3%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition: .5s all linear;

}



.n_item_h1Info {

    width: calc(100% - 324px);

    padding-top: 36px;

    padding-left: 34px;

}



.n_item_h1Info h4 {

    font-size: 16px;

    font-weight: 600;

    overflow: hidden;

    color: #272728;

    transition: .5s all ease;

}



.new-iBox {

    margin-top: 8px;

    color: #9b9b99

}



.new-iBox i {

    margin-right: 6px;

}



.new-iBox span {

    margin-right: 12px;

}



.n_item_h1Info p {

    margin-top: 20px;

    height: 40px;

    overflow: hidden;

    color: #272728

}



.n_item_h1Info>span {

    width: 86px;

    height: 27px;

    text-align: center;

    line-height: 27px;

    border-radius: 30px;

    border: 1px solid #004177;

    display: block;

    color: #004177;

    font-size: 14px;

    margin-top: 18px;

    transition: .5s all ease;

}



.n_item_h1:hover .n_item_h1Img {

    overflow: hidden;

    transition: .5s all ease;

}



.n_item_h1:hover .n_item_h1Bg {

    overflow: hidden;

    transform: scale(1.1);

    transition: .5s all linear;

}



.n_item_h1:hover .n_item_h1Info h4 {

    color: #004177;

    transition: .5s all ease;

}



.n_item_h1:hover .n_item_h1Info>span {

    transform: translateX(6px);

    transition: .5s all ease;

}





/*n_item_h1-e*/





/*n_item_h2-s*/



.n_item_h2 {

    min-width: 100%;

    width: 100%;

    display: flex

}



.n_item_h2Time {

    width: 160px;

    height: 110px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #898989;

}



.n_item_h2Time h2 {

    font-size: 28px;

    font-weight: 600;

    text-align: center;

    color: #898989;

    transition: .4s all linear

}



.n_item_h2Time p {

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    color: #898989;

    transition: .4s all linear

}



.n_item_h2Text {

    width: calc(100% - 160px);

    padding: 10px 18px;

}



.n_item_h2Text h4 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #303030;

    transition: .4s all linear

}



.n_item_h2Text p {

    margin-top: 16px;

    height: 36px;

    overflow: hidden;

    transition: .4s all linear;

    line-height: 1.6rem;

    font-size: 15px;

    color: #898989;



}



.n_item_h2:hover h4 {

    color: #805623;

    font-weight: 600;

    transition: .4s all linear

}



.n_item_h2:hover .n_item_h2Time   {

    background: #805623;

    transition: .4s all linear

}

.n_item_h2:hover .n_item_h2Time h2 {

    color: #fff;

    transition: .4s all linear

}



.n_item_h2:hover .n_item_h2Time p {

    color: #fff;

    transition: .4s all linear

}





/*n_item_h2-e*/





/**************列表公共样式-e****************/





/*按钮公共样式*/



.i-more {

    width: 96px;

    height: 40px;

    margin-top: 22px;

    display: block;

    position: relative;

    line-height: 40px;

    text-align: center;

    color: #0b0b0b;

    border: 2px solid #f18804;

    transition: all .5s

}



.i-more a {

    display: block;

    width: 100%;

    height: 100%;

    color: #000;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 9

}



.i-more a>div:nth-child(1) {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 9

}



.i-more-h {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    transform: scaleX(0);

    transform-origin: right center;

    background: rgba(242, 145, 9, .85);

    transition: transform 0.5s;

}



.i-more:hover {

    background: rgba(255, 255, 255, 0);

    transition: all .5s

}



.i-more:hover .i-more-h {

    transform: scaleX(1);

    transform-origin: left center;

}



.i-more:hover a {

    color: #fff;

    transition: all .5s

}





/*折叠*/



.n-panel {

    padding-left: 30px;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat

}



.n-panel .panel-heading {

    background: #fff

}



.n-panel .panel-title>a.collapsed {

    color: #333;

}



.n-panel .panel-title>a {

    height: 40px;

    line-height: 40px;

    position: relative;

    color: #07742c;

    font-size: 16px;

    padding: 0 22px;

}



.n-panel .panel-title>a h5 {

    width: 100%;

    height: 100%;

    line-height: 40px;

    padding-right: 40px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.n-panel .panel-title>a>div {

    width: 10px;

    height: 10px;

    position: absolute;

    top: 50%;

    right: 22px;

    transform: translate(-50%, 0)

}



.n-panel .panel-title>a>div>div {

    width: 10px;

    height: 10px;

    position: relative;

}



.n-panel .panel-title>a.collapsed>div>div span {

    background: #333;

}



.n-panel .panel-title>a>div>div span {

    width: 10px;

    height: 2px;

    display: block;

    background: #07742c;

    position: absolute;

    top: 50%;

    margin-top: -1px;

}



.n-panel .panel-title>a>div>div span:nth-child(2) {

    transform: rotateZ(0)

}



.n-panel .panel-title>a.collapsed>div>div span:nth-child(2) {

    transform: rotateZ(90deg)

}



.n-panel .panel-body {

    padding: 20px 10px 10px 10px;

    background: #f0f0f0;

    color: #666

}





/*from*/



.message-from {

    width: 100%;

    overflow: hidden

}



.message-from>div {

    margin-top: 10px;

    overflow: hidden

}



.message-from input {

    height: 40px;

    line-height: 40px;

    border: 1px solid #dadada;

    background: #fff;

    padding-left: 20px;

}



.message-from textarea {

    border: 0;

    background: rgba(0, 0, 0, 0);

    padding: 20px;

    background: #fff;

}



.form_box1>input {

    width: 48%;

    float: left

}



.form_box1>input:nth-child(2) {

    float: right

}



.form_box2>input {

    width: 48%;

    float: left

}



.form_box2>input:nth-child(2) {

    float: right

}



.form_box3>input {

    width: 100%;

}



.form_textarea>textarea {

    width: 100%;

    height: 190px;

    border: 1px solid #dadada;

}



.message-from .from-submit {

    width: 126px;

    height: 36px;

    margin-top: 26px;

    float: left;

    padding: 0;

    border: 0;

    line-height: 36px;

    text-align: center;

    background: #009bd6;

    color: #fff;

    font-size: 14px;

}