@charset "utf-8";
* {word-wrap:break-word;word-break:normal;box-sizing:border-box;outline: none;}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
    font-size:16px;
    min-width: 1300px;
    /*font-size: calc(100vw / 30);*/
}
body {
    background: #ffffff;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    font-size: 0.09rem;
}

/*	闃叉澶嶅埗浠ｇ爜
body {-moz-user-select: none;-webkit-user-select: none;}
*/

header, section, footer, aside, nav, main, article, figure {
    display: block;margin:0;padding:0;border:0;
}
img,p,form {margin:0;padding:0;border:0;}
ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3 {margin:5px 0;padding:5px 0;}
input,textarea,button {}

a{transition: all .2s;}
.float-l {float:left;}
.float-r {float:right;}
.display-hidden{display: none;}
.display-block{display: block;}
.clear {clear:both;font-size:0; line-height:0; height:0; visibility:hidden;}
.pointer{cursor: pointer;}

/*	閾炬帴鏍峰紡	*/
a {color:#262626;}
a:hover {text-decoration: none;color: #0a58ca;}
a:link,a:visited,a:active {text-decoration: none;}

a.nav-link{color:#ffffff;}
a.nav-link:hover {text-decoration:none; color:#aaaaaa;}
a.nav-link:link,a.nav-link:visited,a.nav-link:active {text-decoration:none;}

a.white-link {color:#fff;}
a.white-link:hover {text-decoration:none; color:#f0ab49;}
a.white-link:link,a.white-link:visited,a.white-link:active {text-decoration:none;}

a.red-link{color: #a80000;}
a.red-link:hover {text-decoration:none;color:#484848; }
a.red-link:link,a.red-link:visited,a.red-link:active {text-decoration:none;}

a.blue-link {color:#1d6dc5;}
a.blue-link:hover {text-decoration:none;color:#f90; }
a.blue-link:link,a.blue-link:visited,a.blue-link:active {text-decoration:none;}

a.green-link{color:#155f50;}
a.green-link:hover {text-decoration:none;color:#444444; }
a.green-link:link,a.he-link:visited,a.he-link:active {text-decoration:none;}

a.yellow-link{color:#F1A325;}
a.yellow-link:hover {text-decoration:none;color:#353535; }
a.yellow-link:link,a.huang-link:visited,a.huang-link:active {text-decoration:none;}

/*	瀛椾綋棰滆壊	 */
.text-white {color: #ffffff;}
.text-black {color: #000;}
.text-dark {color: #353535;}

.text-gray {color:#808080;}
.text-gray-darker {color: #222222;}
.text-gray-dark {color: #333333;}
.text-gray-light {color: #DDDDDD;}
.text-gray-lighter {color: #E5E5E5;}
.text-gray-pale {color: #F1F1F1;}

.text-danger {color: #EA644A;}
.text-warning {color: #F1A325;}
.text-success{color: #38B03F;}
.text-info{color: #03B8CF;}
.text-important{color:#BD7B46;}
.text-special{color: #8666B8}

.text-danger-pale{color: #FFE5E0;}
.text-warning-pale{color: #FFF0D5;}
.text-succes-pale {color: #DDF4DF;}
.text-info-pale {color: #DDF3F5;}
.text-important-pale{color: #F7EBE1;}
.text-special-pale{color: #F5EEFF;}

.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-50{margin-bottom: 50px;}

.header{width: 100%; z-index: 50; height:0.3158rem; display: table;  position: fixed; height: 60px; background: #fff;}
.header:hover{ background: #fff; }
.header:before{content:'';position:absolute;top:-100%;left:0;right:0;height:100%;/*background:url("../images/headerbg2.png") top repeat-x;*/ background: #fff;  z-index:-1;}
.header.on:before{top:0;}

.header .header-main{margin:0 auto; width:7.8947rem; height: auto; display: table;}
.header .logo{width: 10%; height:0.21rem; float:left; margin-top: 0.079rem; z-index: 100;}
.header .logo img{width: 100%;}
.header .logo a{float: left;width: 100%;height: 0.315rem;display: block; text-indent:0.368rem; line-height:0.147rem; font-size:0.147rem; color:#ffffff;}
.header  .top-right{float:right;width:1.26rem;overflow: hidden; padding-top:0.157rem; text-align:right;}
.header .search{width:0.89rem;overflow: hidden; float: left;}
.header .top-right .retn{ width: 0.263rem; height: 0.263rem;  float: left;  margin-top:-0.042rem; margin-right: 0.052rem; font-size: 0.073rem;}
.header .top-right .retn a{ color: #ffffff; }
.header .top-right .retn:hover{ line-height: 0.1578rem; /*background: #3181c5; */}
.header .search .search-btn{float:left;cursor:pointer;background-color:#3580c4;color:#ffffff;width:38px;height: 29px;text-align: center;line-height: 29px;overflow: hidden; border: 0; }
.header .search .search-ipt{float:left; color:#000; opacity:30%;width: 120px;height: 30px;font-size:12px;padding:0 5px;border:1px solid #3580c4;border-right:0;overflow: hidden; border-top-left-radius:5px;border-bottom-left-radius:5px;}
.header .search .search-ipt::placeholder{color: #aaaaaa;font-size:14px;}
/*========header========*/

.nav {float:right;width: 75%;  height: auto; display: table; margin-top:0.068rem;}
.nav .nav-ul {margin:0 auto;width:100%; height: 0.263rem; }
.nav .nav-ul .nav-li:first-child{ margin-left:0px;}
.nav .nav-ul .nav-li{float:left;width:14%;text-align: center;position: relative; height: 0.263rem; line-height: 0.263rem; font-size: 0.1rem;}
.nav .nav-ul .nav-li .name{ color:#000; font-size: 0.1rem;}
.nav .nav-ul .nav-li a{ color: #000;}
/*.nav .nav-ul .nav-li:hover{ color:#DD691D;}*/
.nav .nav-ul .nav-li:hover a{ color: #db0424;}
.nav .nav-ul .nav-selected{background-color: #1c1f63;}
.nav .drop-nav {position: absolute;z-index:999;left:0;right:0;display: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden; background-image:url("../images/menubg.png");}
.nav .drop-nav ul{width: 100%; height: auto; display: table;}
.nav .drop-nav ul li{float: left;width: 100%;padding: 0;font-size:0.073rem;text-align: center;overflow: hidden; height: 0.21rem; line-height: 0.21rem; }
.nav .drop-nav ul li:hover{background-image:url("../images/menubg.png");}
.nav .drop-nav ul li a{color: #ffffff;}
.nav .drop-nav ul li a:hover{color: #aaaaaa;}
.toggle-nav{
    display:none;position: fixed;top:60px;background-color: rgba(255,255,255,.9);
    width: 100%;left:0;right:0;bottom:0;overflow-y: auto;z-index: 99;
}
.toggle-nav ul{float:left;width: 100%;overflow: hidden;}
.toggle-nav ul li{float: left;width: 100%;padding:15px 40px;border-bottom: 1px solid #014b64;
    display:flex;flex-flow:row nowrap;justify-content:space-between;
    align-content: center;background-color: rgba(0,87,117,1);
    overflow:hidden;}
.toggle-nav .language{float: left;width: 100%;padding:15px 30px;background-color:rgba(51,51,51,.2);text-align: left;overflow: hidden;}
.toggle-nav .language a{padding:15px 10px;position: relative;}
.toggle-nav .language a:after{content: '';width: 10px;height: 1px;background-color: #333;margin-left:-5px;left:50%;bottom:5px;position: absolute;}
.toggle-nav .language a.selected{color: #ea644a;}



.banner{width: 100%;overflow: hidden; position: relative; z-index: 0; }
.banner img{float: left;width: 100%;}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-slide .w1700 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.w1700 {
    width:88vw;
    max-width: 13rem;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
}

.w1700 h6 {
    font-size: 0.2rem;
    width: 5rem;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.8s 0.2s;
    padding: 0;
    margin: 0;
}

 .swiper-slide span {
    display: block;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.8s 0.4s;
}

 .active-slide h6, .active-slide p,  .active-slide span {
    opacity: 1;
    transform: translateY(0);
}


.w1700 p {
    font-size: 0.1rem;
    line-height: 2.0;
     width: 5rem;
     margin: 0.13rem 0 0.22rem;
    opacity: 0;
    transform: translateY(0.2rem);
    transition: all 0.8s 0.3s;
}

.more-a {
    display: flex;
    width: 0.8rem;
    height: 0.23rem;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 0.23rem;
    font-size: 0.08rem;
    transition: all 0.4s;
}
.more-a i {
    color: #063e81;
}



.index-dimensional {
    height: 3.405752rem;
    position: relative;
    background-size: 100% 100%;
    margin-top: 0.15625rem;
}

.index-dimensional .text-content {
    color: #fff;
    position: absolute;
    top: 0.34896rem;
    left: 0;
    width: 100%;
    text-align: center;
}

.index-dimensional .text-content .title {
    font-size: 0.1875rem;
    line-height: 0.25rem
}

.index-dimensional .text-content .desc {
    font-size: 0.10417rem;
    line-height: 0.125rem;
    margin-top: 0.08333rem
}

.index-dimensional .product-item {
    position: absolute;
    width: 0.13542rem;
    height: 0.13542rem;
    top: 0;
    left: 0;
    cursor: pointer
}



/*鍏夋檿鏁堟灉*/

#dot-1 {
    top: 0.56684rem;
    right: 1.82791rem;
}

.dott {
    width: 0.14583rem;
    height: 0.14583rem;
    border-radius: 0.26042rem;
    z-index: 90;
    border-radius: 50%;
    border: 0.00521rem solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.dott:before {
    content: "";
    opacity: .8;
    display: block;
    position: absolute;
    background: hsla(196, 41%, 96%, .3);
    width: 97%;
    height: 97%;
    border-radius: 50%;
}
.dott:after {
    position: absolute;
    /*top: calc(50% - 0.07292rem);
    left: calc(50% - 0.07292rem);*/
    content: "";
    height: 0.14583rem;
    width: 0.14583rem;
    display: block;
    opacity: .0174664;
    border-radius: 50%;
    background: rgba(146, 219, 246, .5);
    -webkit-animation: dot-change 2.5s cubic-bezier(0,0,.2,1) infinite;
    animation: dot-change 2.5s cubic-bezier(0,0,.2,1) infinite;
}






.index-dimensional .product-item .photo {
    width: inherit;
    height: inherit;
    position: relative;
    /*-webkit-animation-name: product-photo-animate;
    animation-name: product-photo-animate;*/
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation: roted linear 35s infinite;
}

.index-dimensional .product-item .photo:before {
    content: "";
    position: absolute;
    display: block;
    width: 0.13542rem;
    height: 0.13542rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.01042rem dashed #fff;
    border-radius: 50%
}

.index-dimensional .product-item .message-modal {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 0;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-top: 0.15625rem;
    padding-left: 0.15625rem;
    display: none
}

.index-dimensional .product-item .message-modal .animate-box {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.index-dimensional .product-item .message-modal .animate-box,.index-dimensional .product-item .message-modal .content {
    width: inherit;
    height: inherit;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .01s;
    animation-duration: .01s
}

.index-dimensional .product-item .message-modal .content {
    position: absolute;
    top: 0.15625rem;
    left: 0.15625rem;
    color: #3d3c38;
    opacity: 0;
    overflow: hidden;
    background-size: 100% 100%;
    border-radius: 0.08rem;
}

.index-dimensional .product-item .message-modal .content .product-icon {
    text-align: center;
    height: 0.10417rem;
    margin-top: 0.11458rem;
    margin-left: auto;
    margin-right: auto;
    width: 1.14583rem;
    display: none
}

.index-dimensional .product-item .message-modal .content .check-more {
    font-size: 0.10417rem;
    line-height: 0.10417rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0.11458rem;
    left: 0;
    color: #3d3c38
}

.index-dimensional .product-item .message-modal .content .check-more .icon {
    width: 0.03646rem;
    height: 0.07292rem;
    background-size: 100% 100%;
    margin-left: 0.05208rem;
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAFlZWggAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAIAAAAADmfO67AAADDUlEQVRIDZ2Wu2sUURTGdzaLjfgPSP6L3S6FIIgoCGIUIgQ1JGsKIz5ioSiyQYkvCBIjRncX2cJHYWVjkSqIFil2EWy0sEmwtBBRyWPX3zeZczN3diYPL8ycc7/zne+e+5rdXC7ZhoeHOx7mAOd4YdcZGRlp5Mrl8mWHZCZ0Op3Agnmjk3rP/Bxig8ZwIMCY60SO0qe7mAoKRGYtIm4YBXj+CAk24PWMQqGwz2FiUla/B6B5zgNgTDoAJ4Bxiik2BNbrdW8Mj2gdjRP5HRLckli8S8ESgiBYqdVquzKJClQqlfzi4mK4ECT8ImFP1xAiLi0tzciqUf8JWW9ohr0JNqEA7Qy1NtbdiAhhFGBWIENdY6i7RjBbiJzZfD4/U61Wz1sg1aL4IDUQA3sgten3FYvFXLPZnI/FPFezHhLC7CokXfKisU5Pq9X6VCqVfkA8BH4Q/zvKzRgndHv0Bl9g6FXc/SQcwf8K9jlkRK+QKJ/Aewi7cft4+lFugX1RTM0R1SEwB3kvbhHlk5A/gH1TLNAr2Th6L0UUzvr2sb4fU/e6t7d30JJJmAsTDIhbOzlgy2yn6vZrFMBahgeYPV/lUKSfRyPB7zrlbjIxUurdCScDSfsdtqwLlo/ufqicRZKCFO/L2YykeKjEZS+32+2n6tMmWZLrCv5PC9AaYPFf8HiblHV1thrErSJzP4uo7qHDlIzwGBU/3krI4l6yQCq+wvSTV1KbP8T6NSwxy3YJGpEtvYV/w/qRXaPiASp+k8BdN1PQGCzFNEuR/MosczuOcjveGc/sloIiIqjNe449bYmyVPub5zDC84ZvS9DIfKsL3LjX9Dd+ddaDPzEHWOMF76hYYppVlXzTnxBLiv3ld+6YxJS3rQrZoIdwLyjBGlNd4TnOdN8aJrupIBtym8q8W4OILvQgO/0qLmR+qiBCVxG6Y6TIdtjZUSqqJnCv6wkyNf2veOQx6CA0js5UEk/rh4JUNERFdQjeAEyvwtQm0hKzMP1BekawnCBMsWvjCWxnXaq8yOGd1fHYWabP/gexFUlJ07AtuwAAAABJRU5ErkJggg==)
}

.index-dimensional .product-item:hover {
    z-index: 100
}

.index-dimensional .product-item:hover .message-modal {
    display: block
}

.index-dimensional .product-item:hover .message-modal .content {
    opacity: 1
}

.index-dimensional .modal-show {
    z-index: 100
}

.index-dimensional .modal-show .message-modal {
    display: block
}

.index-dimensional .modal-show .message-modal .content {
    opacity: 1
}

.index-dimensional .bottom-show .message-modal {
    left: 0;
    top: 0
}


.index-dimensional .fpdi-item .message-modal {
    left:0.151rem ;
    top: -0.10rem;
    padding-left: 0;
    padding-right: 0.15625rem
}

.index-dimensional .bottom-left-show .message-modal {
    left: unset;
    right: 0;
    top: 0;
    padding-left: 0;
    padding-right: 0.15625rem;
}

.index-dimensional .bottom-left-show .message-modal .animate-box {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.index-dimensional .bottom-left-show .message-modal .content {
    left: unset;
    right: 0.15625rem
}

.index-dimensional .top-show .message-modal {
    left: 0;
    top: unset;
    bottom: 0;
    padding-bottom: 0.15625rem;
    padding-top: unset
}

.index-dimensional .top-show .message-modal .animate-box {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.index-dimensional .top-show .message-modal .content {
    top: 0
}

.index-dimensional .p150-en,.index-dimensional .p150-pro {
    top: 1.24479rem;
    left: 1.59375rem
}

.index-dimensional .p150-en .message-modal,.index-dimensional .p150-pro .message-modal {
    width: 2.60417rem;
    height: 1.5625rem
}

.index-dimensional .fs2-item {
    top: 1.84896rem;
    left: 3.16146rem
}

.index-dimensional .fs2-item .message-modal {
    width: 1.5625rem;
    height: 1.5625rem
}

.index-dimensional .tem2 {
    top: 2.02083rem;
    left: 4.33333rem;
    display: none
}

.index-dimensional .tem3 {
    top: 2.23438rem;
    left: 4.46875rem
}

.index-dimensional .tem4 {
    top: 2.30208rem;
    left: 5.02083rem;
    display: none
}

.index-dimensional .fpi-item {
    top: 2.60417rem;
    left: 5.30208rem
}

.index-dimensional .r150-item {
    top: 4.06771rem;
    left: 3.78646rem
}

.index-dimensional .r150-item .message-modal {
    width: 2.08333rem;
    height: 1.5625rem
}

.index-dimensional .fpdi-item {
    top: 1.368438rem;
    left: 3.29075rem
}

.index-dimensional .fpdi-item .message-modal {
    width: 2.08333rem;
    height: 1.5625rem
}

.index-dimensional .fbv-item {
    top: 3.77604rem;
    left: 5.33333rem
}

.index-dimensional .fbv-item .message-modal {
    width: 2.08333rem;
    height: 1.5625rem
}

.index-dimensional .product-m500 {
    top: 1.78071rem;
    left: 6.82854rem;
}

.index-dimensional .product-m500 .message-modal {
    width: 2.08333rem;
    height: 1.5625rem;
}

.index-dimensional .product-m600 {
    top: 3.14071rem;
    left: 8.08854rem;
}

.index-dimensional .product-m600 .message-modal {
    width: 2.08333rem;
    height: 1.5625rem;
}


.index-dimensional .product-m700 {
    top: 2.25071rem;
    left: 5.78854rem;
}

.index-dimensional .product-m700 .message-modal {
    width: 2.08333rem;
    height: 1.5625rem;
}

.index-dimensional .bottom-left-show1 .message-modal {
    left: unset;
    right: 0.2rem;
    top: -1.5868rem;
    padding-left: 0;
    padding-right: 0.15625rem;
}


.index-dimensional .bottom-left-show2 .message-modal {
    left: unset;
    right: 0.2rem;
    top: -1.5868rem;
    padding-left: 0;
    padding-right: 0.15625rem;
}




.index-dimensional .apc3-item {
    top: 2.15625rem;
    left: 8.71875rem
}

.index-dimensional .apc3-item .message-modal {
    width: 2.08333rem;
    height: 1.5625rem
}


.index-dimensional .light {
    position: absolute;
    width: 5.2052rem;
    height: 2.094rem;
    top: 1.718438rem;
    left: -0.02075rem;
    animation-name:product-photo-animate;
    animation-duration:1.8s;
    animation-iteration-count:infinite;
    background: url("../images/light.png") center;
    background-size:100% 100%;
}


.index-dimensional .light:before{
    background: url("../images/light.png");
}


@keyframes product-photo-animate {
    0% {
        opacity: 1
    }

    44% {
        opacity: .7
    }

    55% {
        opacity: .3
    }

    66% {
        opacity: 0
    }

    77% {
        opacity: .3
    }

    88% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes roted{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}


@keyframes dot-change {
        25%,to {
            -webkit-transform: scale(1.3);
            transform: scale(1.3);
            opacity: .8
        }

        75%,to {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 0
        }
    }




.index-dimensional .light:before{ background: url("../images/light.png")}


/*棣栭〉棰嗗煙*/
.boxm{ width: 100%; height:3.77rem;/* background: #e5ebfd;*/ margin-top: 0.4rem; }
.netitle{ width: 6.47rem; height: 1rem; line-height: 1rem; margin: auto; text-align: center; font-size: 0.3rem; font-weight: 700; color: #000;}
.bx1400{ width:7.36rem; height: auto; display: table; margin: auto; }
.bx1400 li{ width: 1.72rem; height: 2.37rem; margin-right: 0.157rem; background: #fff; border-radius: 10px; float: left;}
.bx1400 li:nth-child(4){ margin-right: 0;}
.bx1400 li .tit{width: 1.58rem; height: 0.22rem; text-align: center; margin: auto; margin-top: 0.15rem; line-height: 0.22rem; font-size: 0.12rem; font-weight: 700; color: #000;}
.bx1400 li .demo{ width: 1.58rem; height: 0.22rem; text-align: center; margin: auto; line-height: 0.22rem; font-size: 0.09rem; color: #666;}
.bx1400 li .pict{ width: 1.58rem; height: 1.6rem; margin: auto;  margin-top: 0.1rem; position: relative;}
.bx1400 li .pict img{ width: 100%;}
.bx1400 li .pict .art{ width:0.2rem; height: 0.2rem; border-radius: 50%; text-align: center; background: url("../images/bg0.png"); position: absolute; bottom: 0.1rem; right: 0.1rem; }
.bx1400 li .pict .art i{ font-size: 0.14rem; color: #fff; line-height: 0.2rem; margin: auto;}

/*鍏徃绠€浠?/
.card-nav-list.is-centered {
    justify-content: center;
}
.card-nav-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: auto;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    padding: 0 0.084rem;
}

.card-nav-list>li:first-child {
    margin-left: 0;
}
.card-nav-list>li {
    flex: 1;
    max-width: calc((100% - 128px) / 5.35);
    border-radius: 0.084rem;
}

.card-nav-list>li {
    flex-direction: column-reverse;
    padding: 0 8px 8px;
    background-color: #eeeeee;
}
.card-nav-list>li {
    margin-left: 32px;
}

.card-nav-list>li .card-nav-item_img {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.card-nav-list>li .card-nav-item_img {
    box-sizing: content-box;
    position: relative;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
}
.card-nav-list>li .card-nav-item_img {
    border-radius: 0 0 14px 14px;
}

.card-nav-list>li .card-nav-item_img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.card-nav-list>li .card-nav-item_img .card-nav-item_embedded-img {
    transition: transform 1s ease-in-out;
    width: 100%;
    height: 100%;
}
.huawei-v4 .v4 img {
    max-width: 100%;
    height: auto;
}

.card-nav-list>li .card-nav-item_img .card-nav-item_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    opacity: .5;
    transition: width .6s ease-in-out, height .6s ease-in-out, background-color 1.5s ease-in-out, background-position 1s ease-in-out;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 8px bottom 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i6ZSa54K5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iIzMwMzAzMCIvPgogIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMzkxIDUuMTg0KSI+CiAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41ODUgNC41MDYpIHJvdGF0ZSgtNDUpIiBmaWxsPSIjZmZmIi8+CiAgICA8cmVjdCBpZD0i55+p5b2iLTIiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iNi4zNzMiIGhlaWdodD0iMS41OTMiIHJ4PSIwLjc5NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41MDYgNS42MzMpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==);
    border-radius: 0 0 6px 0;
    overflow: hidden;
}
.card-nav-list>li .card-nav-item_img .card-nav-item_icon {
    width: 40px;
    height: 40px;
    right: 12px;
    bottom: 12px;
    border-radius: 50%;
    background-color: #303030;
    background-position: right bottom;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA0MCA4MCI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4NCiAgICAgIDxyZWN0IGlkPSLnn6nlvaJfMiIgZGF0YS1uYW1lPSLnn6nlvaIgMiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDcgMTI3NC41KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2Utd2lkdGg9IjEiLz4NCiAgICA8L2NsaXBQYXRoPg0KICA8L2RlZnM+DQogIDxnIGlkPSLokpnniYjnu4RfMzEiIGRhdGEtbmFtZT0i6JKZ54mI57uEIDMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ3IC0xMjc0LjUpIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+DQogICAgPGcgaWQ9Iue7hF83IiBkYXRhLW5hbWU9Iue7hCA3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3IC0xMSkiPg0KICAgICAgPGcgaWQ9Iue7hF82IiBkYXRhLW5hbWU9Iue7hCA2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCAyMikiPg0KICAgICAgICA8ZyBpZD0i57uEXzQiIGRhdGEtbmFtZT0i57uEIDQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOCAtODguNSkiPg0KICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41IDUuNjU3KSByb3RhdGUoLTQ1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0yIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuNjU3IDcuMDcxKSByb3RhdGUoLTEzNSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICAgIDwvZz4NCiAgICAgIDxnIGlkPSLnu4RfNSIgZGF0YS1uYW1lPSLnu4QgNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwIC0yNi41KSI+DQogICAgICAgIDxnIGlkPSLnvJbnu4QtMiIgZGF0YS1uYW1lPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM3NCAxMzY5KSI+DQogICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oi0zIiBkYXRhLW5hbWU9IuefqeW9oiIgd2lkdGg9IjgiIGhlaWdodD0iMiIgcng9IjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuNSA1LjY1Nykgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4NCiAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iLTQiIGRhdGEtbmFtZT0i55+p5b2iIiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiByeD0iMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS42NTcgNy4wNzEpIHJvdGF0ZSgtMTM1KSIgZmlsbD0iI2ZmZiIvPg0KICAgICAgICA8L2c+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==);
}

.card-nav-list>li:hover .card-nav-item_icon{background-position:right top !important}
.card-nav-list>li:hover .card-nav-item_embedded-img{transform:scale3d(1.1,1.1,1.1)}


.card-nav-list>li .card-nav-item_title {
    margin: 24px 0;
}
.card-nav-list>li .card-nav-item_title {
    transition: all .3s;
}

.card-nav-list>li .card-nav-item_main-title {
    font-weight: 700;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 4px;
    line-height: 1.25;
}

.card-nav-list>li .card-nav-item_main-title {
    font-size: 18px;
}

.card-nav-item_main-title, .card-nav-component>.card-nav-wrap>.card-nav-list>li .card-nav-item_sub-title {
    display: block;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    overflow: hidden;
}
.card-nav-list>li .card-nav-item_sub-title {
    font-size: 14px;
}
.card-nav-list>li .card-nav-item_sub-title {
    line-height: 1.5;
    font-size: 12px;
    font-weight: 400;
    opacity: .6;
}
.card-nav-list>li .card-nav-item_sub-title {
    display: block;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    overflow: hidden;
}


.swiper-slide-active h6,  .swiper-slide-active p,  .swiper-slide-active span {
    opacity: 1;
    transform: translateY(0);
}

.idlft{ width: 3.5rem; height: 3.2578rem; float: left; background: url("../images/fangan1.jpg"); background-size: 100% 100%; text-align: center;}


/*.scaleimg:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}*/
.scaleimg:hover{ opacity: 0.8}


.idrgt{ width: 3.5rem; height: 3.2578rem; float: right;background: url("../images/fangan2.jpg"); background-size: 100% 100%;text-align: center;}

.idlft .title, .idrgt .title{
    font-size: 0.16583rem;
    line-height: 0.17708rem;
    text-align: center;
    margin-top: 0.365rem;
}
.idlft .anchor,.idrgt .anchor {
    font-size: 0.08333rem;
    line-height: 0.10417rem;
    margin-top: 0.08333rem;
    display: inline-block;
}

.btn {
    transition: all 0.3s ease-in-out;
    /* 灞炴€ 鎸佺画鏃堕棿 缂撳姩鍑芥暟 寤惰繜鏃堕棿 */
}
.btn:hover {
    transform: scale(1.1);
    background: #1890ff;
}



.element {
    animation: bounce 1s infinite ;
    /* 鍚嶇О 鎸佺画鏃堕棿 缂撳姩鍑芥暟 寤惰繜 娆℃暟 鏂瑰悜 */
}

.fade-in {
    animation: fadeIn 2s forwards;
    opacity: 0;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }

}

.category-controller-wrap{ width: 70%; float: left;}
.category-controller-wrap li{ width: 0.8rem; float: left; height: 0.315rem;  line-height: 0.315rem; font-size: 0.1rem; }




.toptitle{ position: absolute; width: 1.5rem; height: 0.15rem; line-height: 0.15rem; font-size: 0.2rem; font-weight: 700; color: #fff; top:1rem; left:18%; z-index: 99;}
.btmtitle{position: absolute; width: 1.8rem; height: 0.15rem; line-height: 0.15rem; font-size: 0.08rem;  color: #fff; top:1.3rem; left:18%;}

.bx1{width: 100%; margin-top: 30px; height:3.368rem;background: url("../images/01.jpg"); background-size: 100% 100%;position: relative;}
.bx1 .tdian{ position: absolute; top: 1.1rem; left: 65%;}
.bx1 .tdian li{ float: left; margin-left: 0.2rem;}
.bx1 .more-a{ position: absolute; top:1.7rem; left: 18%;}
.bx2{width: 100%; margin-top: 30px; height:3.4rem; background-size: 100% 100%;position: relative;}
.bx2 .bx2-box{position: absolute;top: 35%;left: 50%;transform: translate(-50%, -50%);color: #fff;}
.bx2  h4 {font-size: 0.2rem;width: 5rem;line-height: 1.4;padding: 0;margin: 0; }
.bx2  p{font-size: 0.1rem;line-height: 2.0;width: 5rem;margin: 0.13rem 0 0.22rem; }

.bx4{width: 100%; margin-top: 30px; height: 3.363rem; display: table; background-size: 100% 100%;}
.bx4 .bx4-box{ width: 3.5rem; height:2.95rem; margin-top: 0.2rem; margin-left: 55%; }
.bx4 .bx4-box .bx4name{ width: 3.55rem; height: 0.75rem; background: #fff; padding-top: 0.08rem;}
.bx4 .bx4-box .bx4name .name-1{ width: 100%; height: 0.3rem; line-height: 0.3rem;  font-size: 0.2rem; font-weight: 700; text-align: center}
.bx4 .bx4-box .bx4name .name-2{ width: 100%; height: 0.2rem; line-height: 0.2rem; font-size: 0.11rem;  text-align: center;}
.bx4 .bx4-box .bx4title{ width: 100%; height:0.768rem;  }
.bx4 .bx4-box .bx4title .title-1{font-size: 0.27rem; font-weight: 500; height: 0.45rem; line-height: 0.4rem; padding-top: 0.05rem;}
.bx4 .bx4-box .bx4title .title-2{font-size: 0.15rem; font-weight: 500; height: 0.3rem; line-height: 0.3rem;}
.bx4 .bx4-box .bx4li{ width: 100%; height: auto; display: table; margin-top: 0.2rem;}
.bx4 .bx4-box .bx4li li{ width: 25%; height: 1rem; float: left;}
.bx4 .bx4-box .bx4li li .licircle{position:relative;  width: 0.65rem; height: 0.65rem; background: #fff; text-align: center; border-radius: 50%; margin: auto; font-size: 0.16rem; font-weight: 700; line-height: 0.65rem;}
.bx4 .bx4-box .bx4li li .licircle i{ font-size: 0.18rem; color: #ff0000; position: absolute; top:0.08rem; right: -0.05rem;}
.bx4 .bx4-box .bx4li li .liname{ color: #0c3354; height: 0.4rem; line-height: 0.3rem; font-size: 0.1rem; text-align: center; font-weight: 700;}

.newbx li{ width: 1.65rem; height: 2.6rem;float: left; margin-right: 0.25rem; background: #e9e9ea;}
.newbx li:hover{ background: #999;}
.newbx li img{ width: 100%; height:1.262rem;}
.newbx li:nth-child(4){ margin-right: 0; }
.newbx li h4{ width: 90%; margin:auto; height: 0.47rem; line-height: 0.22rem; text-align: left; font-size: 0.11rem; overflow: hidden; }
.newbx li .nwdemo{ width: 90%; margin:auto; height: 0.4rem; line-height: 0.2rem; font-size: 0.09rem; }

.hezuo{ width: 100%; height: auto; display: table; margin-top: 0.15rem;}
.hezuo img{ width: 100%;}

.pxmore{ width: 100%; height: auto; display: table; text-align:center;}


/*鍩硅涓績*/
.academy-icon-line {
    overflow: hidden;
    width: 1300px;
    margin: 0 auto;
    padding: 72px 0;
    border-bottom: 1px solid #DDD;
}
.academy-icon-line>li {
    margin-right: 124px;
    float: left;
}
.academy-icon-line>li .icon {
    height: 64px;
    min-width: 10px;
    background-size: auto 96px;
    background-position: center;
}
.academy-icon1 {
    background-image: url(https://static.xag.cn/img/academy/academy-icon1.png);
}

.phone-show {
    display: none;
}
.pc-show i{ font-size: 50px; color: #DD691D; margin: auto;}

.academy-icon-line>li img {
    display: block;
    height: 64px;
    margin: 0 auto;
}

.academy-icon-line>li .text {
    color: #1d1d1f;
    font-size: 18px;
    line-height: 26px;
    margin-top: 28px;
}

.fw-400 {
    font-weight: 400;
}

.font18{ font-size: 0.09rem; line-height: 0.2rem; color: #2d2d2d; }


.wenzi{padding: 0.68rem 0;width: 6.31rem;margin: 0 auto; position: absolute; top:60px; left: 1.84rem;}
.wenzi  .sub-title {font-weight: 400;line-height:0.18rem;letter-spacing: 0;color: #fff;font-size: 0.12rem; z-index: 99}
.wenzi .main-title{color: #fff;font-size: 48px;font-weight: 700;line-height: normal;letter-spacing: 0;}

.box1300{ width: 6.84rem; height: auto; display: table; margin:auto; }
/*鍐滀笟浜у搧*/
.prdtxt1{ width: 100%; background: #eee; height: 2.4rem; margin:0.2rem auto; border-radius: 0.06rem; overflow: hidden;}
.prd-l{ width: 3.2rem; height: 2.4rem; float: left;}
.prd-l .prd-title{ width:2.63rem; height: 0.3rem; margin-top: 0.28rem; margin-left: 0.3rem; font-size: 0.25rem; line-height: 0.3rem; font-weight: 700}
.prd-l .prd-txt{ margin-left: 0.3rem; width: 2.6rem; line-height: 0.2rem; font-size: 0.11rem; margin-top: 0.15rem;}
.prd-r{ width: 3rem; height: 2.4rem;float: right;}
.prd-r img{ width: 100%;}
.bx130-l{ width:3.15rem; margin-top: 0.1rem; float: left; height: 2.378rem; background: #fdd40a; border-radius: 0.06rem; background-image:url("../images/prod1-1.jpg"); background-size: 100% 100%; }
.bx130-r{ width: 3.15rem; margin-top: 0.1rem;float: right; height: 2.378rem;background: #eee; border-radius: 0.06rem;background-image:url("../images/prod1-2.jpg"); background-size: 100% 100%;}
.prdtd{ width: 100%; margin-top: 0.35rem; height: auto; display: table}
.prdtd li{ width: 2rem; height:2.1rem; float: left; border-radius: 0.06rem; margin-right: 0.42rem; background: #eee; }
.prdtd li:nth-child(3n){ margin-right: 0;}
.prdtd .td1{ background: url("../images/t1.jpg"); background-size: 100% 100%;}
.prdtd .td2{ background: url("../images/t2.jpg"); background-size: 100% 100%;}
.prdtd .td3{ background: url("../images/t3.jpg"); background-size: 100% 100%;}
.prdtd .ttxt1{ color: #fff; width: 80%; margin: auto; margin-top: 0.2rem; height: 0.2rem; line-height: 0.2rem; font-size: 0.15rem;}

.prodbg1{ background: url("../images/prodbg1.jpg"); background-size: 100% 100%; height: 2.63rem;}
.prd-ll{ width: 2.5rem; float: left;}
.prd-1{ margin-top: 0.6rem; margin-left: 1rem; height: 0.35rem; color: #fff; font-size: 0.2rem; font-weight: 700;width: 2.5rem;}
.prd-2{ margin-top: 0.32rem; margin-left: 1rem; height: 0.35rem; width: 2.5rem; font-size: 0.07rem; color: #fff;}
.prd-3{ width: 2.8rem; float: right; height: 2.5rem; color: #fff; margin-top: 0.3rem;}
.prd-3 li{ font-size: 0.09rem; height: 0.2rem; line-height: 0.2rem; }

.px-box1{ width:100%; height: auto; display: table;}
.px-box1 h3{ font-size: 0.20rem; color: #173d77; width: 6.84rem; text-align: center; height:0.72rem; line-height: 0.82rem; overflow: hidden; margin: auto; }
.px-box1 .bx1300{ width: 6.84rem;  margin: auto; display: table; margin-top: 0.2rem;}
.px-box1 .hgt1{ height: 0.43rem;}
.px-box1 .pic1{ width: 1.989rem; float: left;}
.px-box1 .pic1 img{ width: 100%;}
.px-box1 .pic2{ width: 3.384rem; float: right;}
.px-box1 .pic2 img{ width: 100%;}
.px-box1 .pic3{ width: 2.9rem; float: left; margin-right: 0.2rem;}
.px-box1 .pic3 img{ width: 100%;}
.px-box1 .textbox{width: 4.2rem; float: right;}
.px-box1 .textbox2{width: 3.05rem; float: left;}
.px-box1 .textbox3{width: 3.384rem; float: right;}
.px-box1 .textbox h4{ font-size:0.12rem; height: 0.21rem; line-height: 0.21rem; color:#173d77;  }
.px-box1 .textbox .std{ width: 100%; height: auto; display: table;}
.px-box1 .textbox .std li{ font-size: 0.1rem; width: 33%; float: left; height: 0.3rem; line-height: 0.3rem;color: #173d77;}
.px-box1 .textbox .std li i{ margin-right: 0.08rem;}
.px-box1 .textbox .bx{ width: 100%; height: 0.65rem; background: #e2eaef; margin-top: 0.25rem; border-radius: 0.15rem; }
.px-box1 .textbox .bx .mbx{ width: 25%; height: 0.5rem; margin-top: 0.08rem; float: left; }
.px-box1 .textbox .bx .mbx .zi{position: relative; font-size: 0.22rem; color: #0f3672; text-align: center; padding-right: 0.15rem; font-weight: bold; width: auto; display: table; margin: auto;}
.px-box1 .textbox .bx .mbx .zi i{position: absolute; top:0; right: 0; color: #f8b62b; font-size: 0.15rem;}
.px-box1 .textbox .bx .mbx .ztitle{ font-size: 0.09rem; text-align: center;}
.bg-1{background:url("../images/background3.png") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;}
.bg-2{background:url("../images/databg.jpg") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;}
.bg-3{background:url("../images/background2.png") #f7f8fa; background-size:100% 100%; margin-top: 0.3rem;}
.bg-4{background:url("../images/xy.jpg") #071ced; background-size:100% 100%; margin-top: 0.3rem;}

.hr3{ height: 2.85rem; background: url("../images/hr.jpg"); background-size: 100% 100%;}

 .yyong {
    width: 6.84rem;
    margin: auto;
}

 .yyul{ width: 100%; height: auto; display: table; margin-top: 0.2rem; margin-bottom: 0.5rem;}
 .yyul li{ width: 30%; height: 1rem; float: left; margin-right:5%; background: #efefef;}
 .yyul li:nth-child(3){ margin-right: 0;}
 .yyul li .icnt{ width: 0.52rem; height: 0.42rem; margin-top: 0.3rem; margin-left: 0.2rem; float: left;}
 .icnt i{ font-size: 0.4rem; color: #374151;}
 .yyul li .yytitle{ width: 1.21rem; height: 0.42rem; float: left;margin-top: 0.28rem;}
 .yytitle .ytt{ font-size: 0.12rem; color: #374151; line-height: 0.2rem; padding: 0; font-weight: 700}
 .ytitle{ font-size: 0.09rem; color:#374151; line-height: 0.2rem; }


.peixuntxt{ width:100%; height:1.5rem; line-height:0.25rem; font-size:0.1rem; color:#fff; float:left;}
.peixunrgt{ width:60%; height:4rem; float:right;}






.stories-text-box {
    max-width: 3.68rem;
    margin: auto;
    text-align: center;
}
 .stories-text-box .title {
    font-size: 0.21rem;
    line-height: 0.231rem;
    color: rgba(0, 0, 0, .85);
    text-align: center;
    font-weight: 600;
}
.stories-text-box .desc {
    margin-top: 0.126rem;
    font-size: 0.1rem;
    line-height: 0.147rem;
    color: rgba(0, 0, 0, .65);
}

.stories-module-list {
    margin-top: 0.252rem;
    display: flex;
    justify-content: space-between;
}
.stories-module-list li.stories-module-item {
    width: 3.26rem;
    height: 3.11rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.stories-module-item .stories-module-text .eyebrow-text {
    font-size: 0.084rem;
    line-height: 0.105rem;
}

.stories-module-item .stories-module-text .headline {
    font-size: 0.168rem;
    line-height: 0.24rem;
    font-weight: 400;
}

.stories-module-list li.stories-module-item .stories-module-text {
    position: absolute;
    top: 0.252rem;
    width: 100%;
    padding: 0 0.252rem;
    text-align: center;
}
.stories-module-list li.stories-module-item .stories-module-text {
    position: absolute;
    top: 0.252rem;
    width: 100%;
    padding: 0 0.252rem;
    text-align: center;
}
.stories-module-item .stories-module-text .eyebrow-text+.headline {
    margin-top: 8px;
}



.stories-module-item .stories-module-text .link-box {
    position: relative;
    z-index: 400;
    text-align: center;
    margin-top: 0.084rem;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
}

.textdemo{ width:65%; height:0.55rem; padding:0.1rem 0; font-size:0.09rem; text-align:center; margin:auto;}
.stories-module-text .link-box .text {
    font-size: 0.084rem;
    line-height: 0.126rem;
}

.stories-module-item .stories-module-text .link-box .icon {
    font-size: 0.084rem;
    width: 0.084rem;
    height: 0.084rem;
}
.child-module-list {
    margin-top: 0.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.child-module-list .grid-compact {
    width: 2rem;
    height: 2.5rem;
    display: block;
}
.child-module-list .child-module-item {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
 .child-module-item .grid-img {
    transition: all .6s ease;
}

.child-module-list .child-module-item .text-box {
    padding: 0 0.25rem;
    position: absolute;
    top: 0.25rem;
    width: 100%;
}
 .child-module-list .child-module-item .headline {
    font-size: 0.168rem;
    line-height: 0.2rem;
    font-weight: 500;
    text-align: center;
     color: #fff;
}

.child-module-list .child-module-item .desc {
    font-size: 0.084rem;
    line-height: 0.126rem;
    margin-top: 0.084rem;
    text-align: center;
    color: #fff;
}



 .child-module-list .child-module-item .link-box {
    position: relative;
    z-index: 400;
    text-align: center;
     margin: auto;
    margin-top: 0.084rem;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    margin-left: 8px;
}

.child-module-list .child-module-item .link-box .text {
    font-size: 0.084rem;
    line-height: 0.126rem;
    color: #fff;
}

.module-list{ margin-top: 0.25rem; height: auto; display: table;}
.module-list .mdli{ width: 1.56rem; height: 1.2rem; float: left; margin-right: 0.2rem;}
.module-list .mdli:nth-child(4n){ margin-right: 0;}
.module-list .mdli img{ width: 100%;}
.module-list .mdli .title{ color: #fff; font-size: 0.1rem; line-height: 0.15rem; position: absolute; bottom: 0; width: 1.32rem; text-align: center;}




.kcbox li{ width: 25%; height: 1rem; float: left;}
.kcbox li .lititle{width: 100%; height: 0.22rem; background: url("../images/d-border2.png"); display: flex; background-size: 100% 100%;}
.kcbox li .lititle .tybx{ width: 60%; font-size: 0.1rem; margin: auto; height: 0.22rem; line-height: 0.22rem;  background: #173d77; text-align: center; color: #ffffff; border-radius: 0.15rem;}
.kcbox li .lititle .tybx i{ margin-right: 0.05rem; color: #f8b62b;}
.kcbox li  .litext{ width: 80%; margin: auto; margin-top: 0.15rem; font-size: 0.1rem; line-height: 0.2rem; }

.bxlft{ width: 50%; height:1.5rem; float: left; background: #173d77; padding-top: 0.2rem; margin: 0.3rem auto;}
.bxrgt{ width: 50%; height:1.5rem; float: right; background: #f8b62b; margin-top: 0.2rem; margin: 0.3rem auto;}
.bxrgt .cycl{ width: 95%; margin: auto; margin-top: 0.3rem;}
.bxrgt .cycl li{ width: 33%; height: 1rem; float: left;}
.bxrgt .cycl li .cy-1{ width: 0.5rem; margin: auto; height: 0.5rem; border-radius: 50%; border: 2px dashed #FFFFFF; line-height: 0.5rem; color: #ffffff; font-size: 0.25rem; text-align: center;}
.bxrgt .cycl li .cy-2{ width: 80%; color: #fff; margin: auto; height: 0.2rem; line-height: 0.2rem; text-align: center; font-size: 0.08rem;}
.bxrgt .cycl li .cy-3{ width:0.5rem; color: #173d77; margin: auto; font-size: 0.1rem; height: 0.16rem; line-height: 0.16rem; text-align: center; background: #fff; border-radius: 0.08rem; }

.zslft{ width:4.2rem; height: auto; float: left; padding-top: 0.1rem;}
.zsrgt{ width:2.1rem; height: 1.9rem;  overflow: hidden; float: right; border: 2px solid #173d77;}
.zsdemo{ width: 100%; height: 0.4rem; line-height: 0.2rem; font-size: 0.12rem; }
.zspic{ width: 100%; margin-top: 0.16rem;}
.zspic img{width: 100%;}
.zsul{ width:6.84rem; margin: auto; height: auto; display: table; margin-top: 0.5rem;}
.zsul li{ width:1.9rem; height: 2.3rem; float: left; background: #173d77; border-radius: 0.18rem; margin-left: 0.54rem;  }
.zsul li:nth-child(1){margin-left: -0rem;}
.zj{width: 85%; height: 0.5rem; margin: auto; margin-top: 0.18rem; border-bottom: 1px solid #7d94b3; }
.zjlft{width: 0.5rem; float: left; text-align: center; }
.zjlft img{width:70%;}
.zjrgt{ width:1.1rem; float: right; text-align: center;  }
.zjrgt .zjname1{ color: #ffffff; font-size: 0.15rem; line-height: 0.15rem;}
.zjrgt .zjname2{ color: #ffffff; font-size: 0.08rem; line-height: 0.18rem;}
.ntop{ margin-top: -0.1rem;}
.zjtext{ width: 84%; line-height: 0.15rem; font-size: 0.08rem; color: #fff; margin: auto; padding-top: 0.1rem;}

.jiuye{ width: 100%; padding-bottom: 0.65rem; height: auto; display: table; }
.jiuye li{ width: 21%;float: left; height: 1.3rem; margin-top: 0.3rem; margin-left:5%; }
.jiuye li img{ width:100%;}
.jiuye li:nth-child(5){ margin-left:0;}
.jiuye li:nth-child(1){ margin-left:0;}


.jpgt{ width: 100%; padding-bottom: 0.65rem; height: auto; display: table; }
.jpgt li{ float:left;width: 25%;}




.tbul{ width: 100%; height: auto; display: table;}
.tbul li{ width: 25%; height: 1.315rem; float: left;}
.tbul li .tbicon{ width: 0.6rem; height: 0.6rem; margin: auto; border:1px solid #fff; text-align: center; line-height: 0.6rem; font-size:0.26rem; color: #FFFFFF; }
.tbul li .tbname{ color: #fff; font-size: 0.13rem; text-align: center; height: 0.3rem; line-height: 0.3rem;}
.tbul li .tbtxt{ color: #fff; font-size: 0.08rem; width: 80%; margin: auto; line-height: 0.13rem;}


.whul{ width: 100%; height: auto; display: table; margin: auto;}
.whul li{ width: 100%; height: 0.5rem; margin-bottom: 0.29rem;}
.whul li .sqr{width:0.5rem; height: 0.5rem; float: left; background: #f46404; margin-right: 0.1rem; line-height: 0.5rem; text-align: center; font-size: 0.15rem; color: #fff; }
.whul li .sqrbx{ width: 2.5rem; height: 0.5rem; float: left;}
.whul li .sqrname{ font-size: 0.115rem; color: #0d2147; line-height: 0.22rem;}
.whul li .sqrtxt{ font-size: 0.09rem; color: #333437;}
.bg3{ background: url("../images/flan2.png") no-repeat right; }

.dataul{ width: 95%; margin:auto; height: auto; display: table; }
.dataul li{width: 33%; height: 0.8rem; float: left; text-align: center;}
.dataul   li h2 {
    color: #ff0100;
    font-size: 0.21rem;
    margin-bottom: 20px;
    letter-spacing: -2px;
}
.dataul li h2 i {
    font-size: 0.1rem;
}
.dataul   li p {
    font-size: 0.08rem;
    color: #999999;
}

.rlft{ width:60%; height:55px; background:#d9750a; line-height:55px; font-size:0.15rem; float:left; color:#ffffff; text-align:center;}
.rght{ width:30%; height:55px; line-height:55px; font-size:0.18rem; float:left; border:1px solid #d9750a; text-align:center; color:#d9750a}


.wrap{margin:40px auto 0;width: 1400px; display: table;height: auto; position:relative; }
.wrap .wrap-l{float:left;width:950px;overflow: hidden;}
.wrap .wrap-r{float:left;width:250px;overflow: hidden;}
.wrap .wrap-r .ads-a{float: left;width: 100%;overflow: hidden;}
.wrap .wrap-r .ads-a ul li{float: left;width: 100%;margin-bottom:20px;overflow: hidden;}
.wrap .wrap-r .ads-a ul li img{float: left;width: 100%;overflow: hidden;}

.wrap .pic-news{float: left;width:460px;height: 290px;margin-right:25px;overflow: hidden; }
.wrap .pic-news .image{float: left;width:460px;height: 290px;background-size:cover; background-position:center center;position:relative;overflow: hidden;}
.wrap .pic-news .image a{float: left;width: 100%;height: 290px;display:block;overflow: hidden;}
.wrap .pic-news .title{position:absolute;z-index:10;float: left;color:#ffffff;width: 100%;left:0;top:0;padding:15px;background-color:rgba(0,0,0,.5);overflow: hidden;}
.wrap .pic-news .image img{float: left;width: 100%;}

.mainbox{margin:auto;width: 1200px; position: relative;}
.lftbox1{ width: 820px; float: left; height: 530px;}
.rgtbox1{width:490px; float: right; height: 510px;}
.titlebox{width:100%; height: 45px; margin: auto; border-bottom:3px solid #f14531;}
.title-a .title{text-lign: center; font-size: 28px; padding-bottom: 10px; border-bottom: 3px solid #fe6a3a;}
.title-a .title0{ width: 258px; height: 48px; float: left; background:url('../images/titlebg.png'); color:#333333; margin-bottom: 0; line-height: 50px;  font-size: 22px;}
.title-a .title0 i{ text-indent: 0;}
.title-a .morearow0{width:55px; height: 24px; float: right; margin-top:20px; text-align: right; font-size:12px;}
.title-a .morearow0 a{ color:#0b63b9;}
.title-a .morearow0 a:hover{ color:#fe6a3a;}
.topnews{width: 820px; height: 210px; background: #0b318f;}
.tppic{width:40%; height: 210px; float: left;}
.tppic img{width:100%; height: 210px;}
.tptext{width:53%; float: left; margin-left: 3%;}
.tptext a{ color: #ffffff;}
.tptext .tptit{ width: 95%; margin:20px 0;font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap;}
.tptxt{width: 95%; font-size: 14px; line-height: 25px; height:90px;}
.tptit a{color: #ffffff;}
.tptxt a{ color: #ffffff;}
.tpdate{ font-size: 12px; color: #ffffff;}
.dot1{ width: 30px; height: 50px; float: left;}
.sdate{width:90px; height: 50px; line-height: 50px; text-align: right;float: right; font-size: 14px; color: #666666;}

.zsjh{width:100%; margin-top: 10px;}
.zsjh li{width:100%; height: 70px; background: #eeeeee; margin-top: 21px; }

.zsjh li:nth-child(2n){ background: #d6e1fb; }

.zsjh li:hover{ background: #0b318f;}
.zsjh li:hover a{ color: #ffffff;}
.zsjh li .jhdate{ margin:10px 5px 10px 15px; float: left; width: 55px;}
.zsjh li .jhdate .dates1{font-size: 16px; color: #ff0000; text-align: center;}
.zsjh li .jhdate .dates2{ font-size: 12px; color: #333333; text-align: center;}
.zsjh li .jhtitle{ margin:8px 10px 5px 3px; line-height: 45px; float: left; width: 390px; display:table-cell; vertical-align: middle;}
.zsjh li:hover .dates2{ font-size: 12px; color: #ffffff; text-align: center;}


.kspic{ width: 100%; height: 180px; margin: auto;}
.kspic li{width: 287px; height: 180px; float: left; margin-right: 83px; font-size: 24px;}
.kspic li:nth-child(4n){ margin-right: 0;}
.kspic li a{width: 287px; height: 180px; display: table; color: #3958a4;
    text-shadow: -2px -2px 0 #fff,2px -2px 0 #fff, -2px 2px 0 #fff,2px 2px #fff;
    background: rgb(0,0,0,0.2); text-align: center; line-height: 180px;  }
.kspic li a:hover{ background: rgb(255,255,255,0); z-index: 99; }


.index-news-switch{position: relative;background-color: #ffffff;margin:0 auto;width: 1200px;overflow: hidden;}

.title-a{width: 100%;margin-bottom:30px;padding:0px 0;overflow: hidden; background: url("../images/line1.png")}




.index-linka{float:left;width: 100%;margin-bottom:40px;padding:50px 0;background-color:#eeeeee;overflow: hidden; height: 250px;}
.index-linka-li{float: left;width: 171px;text-align: center;overflow: hidden;}
.index-linka-li i{width:92px;height:92px;line-height:92px;background-color:#ffffff;font-size:40px;color:#ef9c05;border-radius:5px;overflow: hidden;}
.index-linka-li:hover i{color:#05b9b9;}
.index-linka-li b{float:left;margin-top:20px;width: 100%;font-size:22px;text-align: center;font-weight:400;overflow: hidden;}


.index-box{width: 575px;overflow: hidden;}
.index-date-board{float:left;width: 100%;background-color: #3580c4;padding:10px;margin-bottom: 30px;
    display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;}
.index-date-board .date{flex:none;float: left;width: 160px;font-size:16px;line-height:25px;color:#ffffff;text-align:center;overflow: hidden;}
.index-date-board .week{flex:auto;float: left;width: 50%;height:50px;line-height:50px;font-size:18px;background-color:#ffffff;text-align:center;overflow: hidden;}
.index-date-board .week span{color:#ff5500;font-weight: 600;}

.index-news{float: left;width: 100%;margin-bottom:30px;overflow: hidden;}
.index-news ul li{float: left;width: 100%;padding:15px 0;overflow: hidden;}
.index-news .index-news-li1{display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;overflow: hidden;}
.index-news .index-news-li1 .date{flex:none;margin-right:20px;width: 50px;border:1px solid #dbdbdb;color:#ff5500;overflow: hidden;}
.index-news .index-news-li1 .date .day{float:left;width: 100%;text-align: center;font-size:20px;overflow: hidden;}
.index-news .index-news-li1 .date .month{float:left;width: 100%;text-align: center;font-size:12px;overflow: hidden;}
.index-news .index-news-li1 .title{flex:auto;font-size:17px;text-align: justify;overflow: hidden;}
.index-news .index-news-li1 .dot{flex:none;width:5px;height:5px;font-size:20px;background-color:#ff5500;margin-right: 10px;display: block;overflow: hidden;}
.index-news .index-news-li1 .dot1{flex:none;border-radius:50%;width:5px;height:5px;font-size:20px;background-color:#00468e;margin-right: 10px;display: block;overflow: hidden;}



.index-news .dashed{border-bottom: 1px dashed #a8a4a2;}
.index-news .dashed:last-child{border-bottom: 0px;}
.index-news .index-news-pic-li{float: left;overflow: hidden;}
.index-news .index-news-pic-li .image{float: left;width:180px;height:133px;overflow: hidden;}
.index-news .index-news-pic-li .image img{float: left;width:100%;height:133px;overflow: hidden;}
.index-news .index-news-pic-li .info{float: left;width: 395px;padding-left:20px;overflow: hidden;}
.index-news .index-news-pic-li .info .title{float: left;margin-bottom:10px;width: 100%;text-align:justify;font-size:17px;overflow: hidden;}
.index-news .index-news-pic-li .info .date{float: left;width: 100%;font-size:14px;overflow: hidden;}

.index-link-ul{float: left;width: 1250px;margin:0 -25px 25px -25px;overflow: hidden;}
.index-link-ul li{float: left;width: 575px;margin: 25px;background-color:#f9fafa;transition: all .2s;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;align-content:center;overflow: hidden;}
.index-link-ul li .image{flex:none;float: left;width: 180px;height: 140px;overflow: hidden;}
.index-link-ul li .image img {float: left;width: 100%;height: 140px;}
.index-link-ul li .info{flex:auto;padding:20px;display:inline-flex;overflow: hidden;flex-direction: column;justify-content: space-between;align-content: center;align-items: flex-start;}
.index-link-ul li .name{font-size:20px;line-height:30px;font-weight:400;overflow: hidden;}
.index-link-ul li .name a{color: #0a53be;}
.index-link-ul li .demo{font-size:14px;color:#666666;text-align:justify;overflow: hidden;}
.index-link-ul li:hover{box-shadow: 0 0 10px 2px #cccccc;}

.index-zhuanlan-pic{float: left;margin-bottom:44px;width: 600px;height: 450px;position: relative;overflow: hidden;}
.index-zhuanlan-pic .image{float: left;width: 100%;height: 450px;
    background-repeat:no-repeat;background-position:center center;background-size:cover;display:block;
    overflow: hidden;}
.index-zhuanlan-pic .image a{float: left;width: 100%;height: 450px;display: block;}
.index-zhuanlan-pic .title{position:absolute;z-index:1;left:0;bottom:0;padding:10px;background-color:rgba(0,0,0,.5);float: left;width: 100%;font-size:18px;text-align: justify;overflow: hidden;}

.zhunlan-list{float: left;width:820px;padding-left:20px;overflow: hidden; }
.zhunlan-list ul li{width: 100%;font-size:16px;border-bottom:1px solid #dbdbdb;text-align: justify;overflow: hidden;}
.zhunlan-list ul li:hover {background-color:#0f69c9;color:#ffffff;}
.zhunlan-list ul li:hover a{color:#ffffff;}
.zhunlan-list .title{ float: left; height: 50px; line-height: 50px; font-size: 16px;}

.i-more{float: left;width: 100%;margin-top:30px;margin-bottom: 50px;text-align:center;overflow: hidden;}
.i-more a{margin:0 auto;display: block;width: 150px;height: 50px;line-height:50px;background-color: #fafafa;border-radius: 5px;overflow: hidden;}
.i-more a:hover{background-color:#0f69c9;color:#ffffff;}


.index-linkb{float: left;margin-bottom:40px;width: 100%;background: url(../images/bg.jpg) no-repeat center center;padding:90px 0;background-size: cover;overflow: hidden;}
.index-linkb-ul{float:left;width:100%;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: center;}
.index-linkb-li{flex:none;width: 250px;display:inline-flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;overflow: hidden;}
.index-linkb-li .image{flex:none;margin-top:10px;margin-bottom:30px;width: 220px;border-radius:50%;background-color:#ffffff;overflow: hidden;}
.index-linkb-li:hover .image{box-shadow: 0 0 5px 5px #ffffff;}
.index-linkb-li .image img{float:left;width: 100%;overflow: hidden;transition:all .2s;}
.index-linkb-li .image:hover img{transform:scale(1.2);}
.index-linkb-li .info{float: left;width: 100%;text-align: center;color:#ffffff;overflow: hidden;}
.index-linkb-li .info .title{float: left;margin-bottom:20px;width: 100%;text-align: center;font-size:24px;overflow: hidden;}
.index-linkb-li .info .demo{float: left;width: 100%;text-align: center;font-size:16px;overflow: hidden;}

.zhuanye-ul{float:left;margin-bottom:50px;width: 1400px;}
.zhuanye-ul li{float:left;width: 466px; height:240px;border:1px solid #eeeeee;overflow: hidden;transition:all .2s;}
/*.zhuanye-ul li:hover{transform:scale(1.1);box-shadow: 0 0 5px 5px #bbbbbb;}*/
.zhuanye-ul li .ulimg{width: 225px; height: 240px; float: left; position: relative;}
.zhuanye-ul li .ulimg img{ width: 225px; height: 240px; border-radius: 10px;}
.zhuanye-ul li .ulimg .arows{width:13px; height: 16px; position: absolute; z-index: 9; top:33px; right: 0; background: url("../images/arrow.png")}
.ultext{width:211px; height: 220px; float: right; padding-top: 15px;}
.ultext h3{ color: #1e52bd; text-indent: 45px; background: url("../images/dot2.png") no-repeat 10% 50%;}
.zhuanye-ul li:nth-child(4) .ulimg{float: right;}
.zhuanye-ul li:nth-child(4) .ultext{float: left;width: 170px; margin-left: 50px;}
.zhuanye-ul li:nth-child(5) .ulimg{float: right;}
.zhuanye-ul li:nth-child(5) .ultext{float: left;width: 170px; margin-left: 50px;}
.zhuanye-ul li:nth-child(6) .ulimg{float: right;}
.zhuanye-ul li:nth-child(6) .ultext{float: left; width: 170px; margin-left: 50px;}
.zhuanye-ul li .zye{ text-indent:38px; line-height: 35px;}
.zhuanye-ul li:nth-child(4) .ulimg .arows{width:13px; height: 16px; position: absolute; z-index: 9; top:33px; left: 0; background: url("../images/arrow2.png")}
.zhuanye-ul li:nth-child(5) .ulimg .arows{width:13px; height: 16px; position: absolute; z-index: 9; top:33px; left: 0; background: url("../images/arrow2.png")}
.zhuanye-ul li:nth-child(6) .ulimg .arows{width:13px; height: 16px; position: absolute; z-index: 9; top:33px; left: 0; background: url("../images/arrow2.png")}
.zhuanye-ul li:hover .ulimg img{ opacity: 0.8;}
.zhuanye-ul li:hover{ background: #f6fffe;}

.login-wrap{margin:30px auto;width: 1200px;border-radius:0px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;align-content:center;overflow: hidden;}
.login-wrap .login-left{flex:auto;background-color:#fafafa;padding:100px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #efefef;border-right:0;overflow: hidden;}
.login-wrap .login-left .title{float:left;width: 100%;text-align: left;padding-bottom:30px;font-size:30px;overflow: hidden;}
.login-wrap .login-left .login-form{float: left;width: 100%;overflow: hidden;}
.login-wrap .login-left .login-form ul li{float: left;width: 100%;padding-bottom:30px;overflow: hidden;}
.login-wrap .login-left .login-form .li{display: inline-flex;justify-content: space-between;align-content: center;align-items: center;}
.login-wrap .login-left .login-form .label{flex:none;float: left;width: 80px;height:45px;line-height:45px;overflow: hidden;}
.login-wrap .login-left .login-form .ipt{flex:auto;float: left;width: 100%;height:45px;line-height:45px;padding:0 15px;border:1px solid #efefef;border-radius:4px;overflow: hidden;}
.login-wrap .login-left .login-form .verify{flex:auto;float: left;width:50%;height:45px;line-height:45px;padding:0 15px;border:1px solid #efefef;border-radius:4px;margin-right:20px;overflow: hidden;}
.login-wrap .login-left .login-form .verifyImg{flex:none;float: right;height:45px;line-height:45px;border:1px solid #efefef;border-radius:4px;cursor:pointer;overflow: hidden;}
.login-wrap .login-right{flex:none;float: right;width: 400px;line-height:30px;padding:40px;background-color:#ffc107;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#ffffff;overflow: hidden;}

.member-wrap{margin:30px auto;width: 1200px;padding:50px;border:1px solid #efefef;border-radius:5px;background-color:#fafafa;overflow: hidden;}
.member-wrap .welcome{float: left;width: 100%;padding:20px;text-align: left;margin-bottom:20px;overflow: hidden;}
.member-wrap .tools{float: left;width: 100%;display: flex;
    justify-content:flex-start;align-items:center;align-content:center;overflow: hidden;}
.member-wrap .tools .item{margin:20px;width:200px;height:200px;background-color:#ffffff;border-top:5px solid #dbdbdb;border-radius:5px;transition:all .2s;overflow: hidden;}
.member-wrap .tools .item a{
    float:left;width:100%;height:200px;transition: all .1s;
    display: inline-flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;
}
.member-wrap .tools .item:hover{border-top:5px solid #ff8100;background-color:#f0ab49;border-radius: 50%;}
.member-wrap .tools .item:hover a{color: #ffffff;}
.member-wrap .tools .item i{float: left;width: 100px;height:100px;line-height:100px;background-color:#ea644a;color:#ffffff;text-align: center;border-radius:50%;overflow: hidden;}
.member-wrap .tools .item span{float: left;width: 100%;text-align: center;margin-top:10px;overflow: hidden;}
.member-wrap .news{float: left;width: 100%;padding:20px;overflow: hidden;}
.member-wrap .news ul li{float: left;width: 100%;padding:20px 0;border-bottom:1px dotted #dbdbdb;overflow: hidden;}
.member-wrap .news ul li .title{float: left;width: 100%;overflow: hidden;}
.member-wrap .news ul li .desc{float: left;width: 100%;overflow: hidden;}

.ads-b{float: left;width: 100%;background-color: #f4f4f4;overflow: hidden;}
.index-item-a {float:left;width:375px;overflow: hidden;}
.index-item-b {float:left;width:450px;padding:0 25px;overflow: hidden;}

.link-wrap{float: left;width: 100%;padding:20px 0;background-color: #f4f4f4;overflow: hidden;}
.link-wrap .li{float: left;width: 33.33%;height: 35px;line-height: 35px;overflow: hidden;}

/*.page-nav{float: left;width: 100%;margin-bottom:20px;padding:20px;background-color: #fafafa;font-size:16px;overflow: hidden;}*/
.navbg{ background: #fafafa; width: 100%; height: 0.315rem; margin-top:60px;}
.page-nav{width:7.36rem;height:0.315rem; line-height:0.315rem; margin: auto;}
.nyrttitle{width:30%; float:left;font-size: 0.12rem;font-weight: bold;color: #333;line-height:0.32rem;}
.current{width:40%; float: right; line-height:0.315rem; text-align: right; font-size:0.09rem;}
.category-controller i{ color: #002d6e; font-size: 0.12rem;}
.category-controller{color: #002d6e; width: 1.578rem; height: 0.315rem; line-height: 0.315rem; float: left;  font-size: 0.11rem; }




.page-nav .page-nav-main{
    margin:0 auto;max-width: 1200px;
    display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;align-content: center;
    overflow: hidden;}
.page-nav .page-nav-main .current{flex:auto;font-size:18px;text-align: left;line-height: 30px;padding:5px 0;overflow: hidden;}
.page-nav .page-nav-main .current i{padding:0 10px;}
.page-nav .page-nav-main .category{flex:auto;padding-left:50px;}
.page-nav .page-nav-main .category ul{
    display:flex;flex-flow: row wrap;justify-content: flex-end;align-content: center;align-items: center;overflow: hidden;
}
.page-nav .page-nav-main .category ul li{margin:5px;padding:0 10px;position: relative;line-height: 30px;}
.page-nav .page-nav-main .category .selected a{color: #005775;}
.page-nav .page-nav-main .category .selected:after{content: '';position:absolute;width:50%;left:25%;bottom:-4px;border-bottom: 1px solid #005775;}
.page-nav .page-nav-main .category-controller{display:none;align-self:flex-end;flex:none;width: 30px;height: 30px;line-height: 30px;text-align: center;overflow: hidden;}

/* 鍐呴〉椤堕儴鏍囬 */
.page-title-wrap{float: left;width: 100%;text-align: center;padding-top:40px;padding-bottom:40px;overflow: hidden;}
.page-title-wrap .name{position: relative;font-size:40px;line-height:40px;color:#1d50a3;}
.page-title-wrap .name:before{content: '';width: 10px;height: 10px;background-color: #00c07a;position: absolute;left:-40px;top:50%;margin-top:-5px;display: block; }
.page-title-wrap .name:after{content: '';width: 10px;height: 10px;background-color: #00c07a;position: absolute;right:-40px;top:50%;margin-top:-5px;display: block; }
.page-title-wrap:hover .name:before{left: -60px;}
.page-title-wrap:hover .name:after{right: -60px;}


.product-cate{float: left;width: 100%;overflow: hidden;}
.product-cate-title{float: left;width: 100%;padding:20px 0;border-bottom:2px solid #aaaaaa;overflow: hidden;}
.product-cate-main{float: left;width: 100%;margin-bottom:0;overflow: hidden;}
.product-cate-main .product-cate-main-title{float: left;width: 100%;padding:10px 0;overflow: hidden;}
.product-cate-main .product-cate-main-list{float: left;width: 100%;margin-top:0;overflow: hidden;}
.product-cate-main .product-cate-main-list .image{float: left;width: 100%;border:1px solid #efefef;overflow: hidden;}
.product-cate-main .product-cate-main-list .image img{float: left;width: 100%;overflow: hidden;}


.page-main{margin:0 auto;width: 100%;padding:0;overflow: hidden; margin-top: 40px;}
.page-mains{margin:0 auto;width: 100%;max-width:1400px;padding:0;overflow: hidden; margin-top: 40px;}
.page-main img{max-width: 100%;}

.page-main-wrap{top:-115px; padding-bottom:10px;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center; position: relative; z-index: 25; }

 .page-item{
    float: left;width: 100%;padding:20px 0;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;
    border-bottom:1px dotted #dbdbdb;overflow: hidden;}
 .page-item .image{flex:none;width: 300px;margin-right: 40px;}
 .page-item .image img{float: left;width: 100%;}

 .page-item .date-time{
    flex:none;width:150px;
    padding:0px;text-align: justify;margin-right:20px;transition: all .2s;
    display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;align-content: center;
    overflow: hidden;}
.page-item .date-time .year{font-size:20px;color: #543f9e;font-weight: normal;}
 .page-item .date-time .day{
    font-size:50px;color: #543f9e;
    position: relative;}

.page-main .page-image-item-ul{width:6.84rem;margin:auto;
    display: flex;flex-flow: row wrap;justify-content: flex-start;align-content: center;align-items: center;
    overflow: hidden;}
.page-main .page-image-item{float: left;width:2rem;margin-top:0.28rem; margin-right: 0.3rem; position:relative;border:1px solid #dbdbdb;box-shadow:0 0 5px 2px #cccccc;overflow: hidden;}
.page-main li:nth-child(3n){ margin-right: 0;}
.page-main .page-image-item .image{float: left;width: 100%;overflow: hidden;}
.page-main .page-image-item .image img{float: left;width: 100%;overflow: hidden;}
.page-main .page-image-item .title{position: absolute;left:0;bottom:0;padding:10px 0; font-size: 0.08rem; width:100%; text-align: center; background-color: rgba(0,0,0,.5);color:#ffffff;overflow: hidden;}
.page-main .page-image-item:hover{box-shadow: 0 0 5px 2px #aaaaaa;}


 .page-item .info{
    flex:auto;width: 100%;
    display:flex;flex-flow:column wrap;
    justify-content:flex-start;
    align-content: center;
    align-items: flex-start;
    overflow: hidden; text-indent: 20px;}
.page-item .info .title{width: 100%;margin-bottom:10px;text-align: justify;font-size: 18px;line-height: 30px;overflow: hidden;color: #333;}

 .page-item .info .date{border-left:5px solid #ea644a;background-color:#005775;color:#ffffff;margin:10px 0;padding:0 10px;line-height:30px;text-align: justify;font-size: 14px;overflow: hidden;}
 .page-item .info .demo{width: 100%;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #333;opacity: 0.65;line-height: 26px;height: 52px;overflow: hidden;margin-top:10px;
}
 .page-item .info .more{align-self:flex-end;margin:10px 0;font-size: 14px;padding:5px 20px;border:1px solid #409EFF;background-color: #409EFF;color: #ffffff;overflow: hidden;}
 .page-item .info .more:hover{border:1px solid #aaaaaa;background-color: #aaaaaa;color: #ffffff;}
 .page-item .page-item-tools{float: left;width: 100%;display:inline-flex;flex-flow:row nowrap;justify-content:space-between;align-content:center;align-items:center;overflow: hidden;}
 .page-item .page-item-tools .datetime{float: left;color:#aaaaaa;}
 .page-item .page-item-tools .more{float: right;}

.page-main .content-title{float:left;width: 100%;padding:30px 0;font-size:32px;text-align:center;overflow: hidden; background: #fafafa;}
.page-main .content-demo{float: left;width: 100%;margin-bottom:20px;padding:20px;background-color:#fafafa;color:#666;text-align: justify;overflow: hidden;}
.page-main .content-text{width: 80%; margin:auto;margin-bottom:20px;text-align: left;font-size:16px;line-height: 35px;overflow: hidden;}
.page-main .content-text img{max-width: 100%;}
.page-main .content-date{float: left;width: 100%;text-align:center;padding:20px 0;color:#aaaaaa;overflow: hidden; font-size:0.08rem;}


.lyr_boder .news_item {
    display: flex;
    justify-content: space-between;
    padding: 35px 30px;
    /* border: .01rem solid red; */
    border-bottom: 1px dashed #e5e5e5;
    width: 100%;
    margin-bottom: 20px;
}

.lyr_boder .news_item:last-child{
    border-bottom:0px dashed #e5e5e5;
}
.lyr_boder .news_item:hover {
    background-size: 100% 105%;
    width: 100%;
  /*  box-shadow: 0px 1px 25px 0px #e3e3e3;*/
}

.lyr_boder .news_item .news_left {
     margin-right: 40px;
     font-family: "Philosopher";
     width: 85px;
     background: #0b5ed7;
 }

.lyr_boder .news_item .news_left2{margin-right:20px;width:180px; float: left; overflow: hidden;}
.lyr_boder .news_item .news_left2 .newspic{ height:126px;}
.lyr_boder .news_item .news_left2 img{width:100%;}

.lyr_boder .news_item .news_left .number {
    font-size: 45px;
    color: #ffffff;
    text-align: center;
}

.lyr_boder .news_item .news_left .news_time {
    font-size: 14px;
    color: #ffffff;
    background: url(../images/kuaiji/related.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 30px;
    text-align: center;
   /* line-height: 30px;*/
}




.lyr_boder .news_item .news_right {
    width: calc(100% - 135px);
}

.lyr_boder .news_item .news_right .news_title {
    font-size: 18px;
    line-height: 34px;
    /* height: .3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
    width: 100%;
    color: #333;
    margin-bottom: .1rem;
}

.lyr_boder .news_item .news_right .news_txt {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    opacity: 0.65;
    line-height: 28px;
    height: 52px;
    overflow: hidden;
    margin-top:10px;
}

.lyr_boder2 .news_title{ font-size:18px;}



.nianf{width: 100%; height: auto; display: table; background: #efefef;  padding:5px 0; margin: auto; }
.nianf ul{ width: 100%; margin: auto;}
.nianf ul li{ height: 30px; padding: 0 20px; line-height: 30px; float: left;}
.selts {background: #dddfe1;}


.page-search{width: 100%;overflow: hidden; height: 70px; padding:15px 0; background: #eeeeee;}
.page-search .label{float: left;margin-left:15px;height:35px;line-height:35px;margin-right:10px;overflow: hidden;}
.page-search .select{float: left;margin-right:30px;height:35px;line-height:35px;border:1px solid #dbdbdb;padding:0 10px;overflow: hidden;}
.page-search .page-search-btn{float: left;height:35px;border:0;background-color:#3580c4;color:#ffffff;padding:0 15px;cursor:pointer;overflow: hidden;}
.page-search .page-search-btn:hover{background-color:#08579e;}



/* 鍐呴〉宸︿晶 */
.page-main-left {float: left;width: 220px;background-color: #f1f1f1;overflow: hidden; top: 0px; position: relative; z-index: 30;  box-shadow: 10px 10px 5px #eeeeee;}
.page-main-left:before{ content: "";
    position: absolute;
    background: url(../images/nylemenumas0.png) no-repeat 0 0;
    width: 2.43rem;
    height: 2.95rem;
    left: -1.2rem;
    top: 0px;
    z-index: -1;}
.page-main-left .page-left-title{
    float: left;width: 100%;height:115px;padding:0 30px;
    background:#3777b4 url(../images/menu-title-bg.jpg) no-repeat center center;
    display: flex;flex-flow: row nowrap;justify-content: center;align-content: center;align-items: center;
    color: #ffffff;text-align: center;overflow: hidden;}
.page-main-left .page-left-title img{flex:none;width: 46px;}
.page-main-left .page-left-title i{ font-size: 25px;}
.page-main-left .page-left-title b{flex:auto;padding-left:10px;font-size:22px;font-weight:normal;text-align:left;overflow: hidden;}
.page-main-left .page-left-category{float: left;width: 100%;padding:20px 20px 50px; min-height: 400px;
    background:#f8f9fd ;
    background-size:cover;overflow: hidden;}
.page-main-left .page-left-category ul li{float: left;width: 100%;line-height:45px;padding:10px;
    border-bottom:1px dashed #bcc2d0; border-top:1px dashed #fff;font-size:16px;overflow: hidden; text-indent:5px;}
/*
.page-main-left .page-left-category ul li:hover{background-color: rgba(255,255,255,.1);}
.page-main-left .page-left-category ul li:hover a{color: #ffffff;}
*/

.page-main-left .page-left-category .selected i{color:#2b6fae;}
.page-main-left .page-left-category .selected a{color:#2b6fae;}


/* 鍐呴〉鍙充晶 */
.page-main-right2{float: right;width:1100px;overflow: hidden; position: relative; padding-bottom:105px; margin: auto;}
.page-main-right2 .main,
.page-main-right2 .list{float: left;width: 100%;margin-bottom:40px;overflow: hidden;}
.page-main-right2 .main .title{float: left;width: 100%;margin-top:40px;margin-bottom:40px;padding:20px 0;font-size:40px;line-height: 30px;text-align: left;overflow: hidden;}
.page-main-right2 .main .demo{float: left;width: 100%;margin-bottom:40px;padding:20px;font-size:16px;line-height: 30px;text-align: justify;background-color:#ffffff;color:#969696;overflow: hidden;}
.page-main-right2 .main .content{float: left;width: 100%;margin-bottom:40px;font-size:16px;line-height: 30px;text-align: justify;overflow: hidden;}

.page-main-right2 .page-main-right-title{padding:25px 0 16px; text-align: center; width: 100%; background: #fafafa; overflow: hidden;}
.page-main-right2 .page-main-right-title b{font-size:24px;line-height: 30px;}
.page-main-right2 .page-main-right-title span{float:right;line-height: 30px;}


.page-main-right {float: right;width:1400px;overflow: hidden; position: relative; padding-bottom:105px; margin: auto;}
.page-main-right .main,
.page-main-right .list{float: left;width: 100%;margin-bottom:40px;overflow: hidden;}
.page-main-right .main .title{float: left;width: 100%;margin-top:40px;margin-bottom:40px;padding:20px 0;font-size:40px;line-height: 30px;text-align: left;overflow: hidden;}
.page-main-right .main .demo{float: left;width: 100%;margin-bottom:40px;padding:20px;font-size:16px;line-height: 30px;text-align: justify;background-color:#ffffff;color:#969696;overflow: hidden;}
.page-main-right .main .content{float: left;width: 100%;margin-bottom:40px;font-size:16px;line-height: 30px;text-align: justify;overflow: hidden;}

.page-main-right .page-main-right-title{padding:25px 0 16px; text-align: center; width: 100%; background: #fafafa; overflow: hidden;}
.page-main-right .page-main-right-title b{font-size:24px;line-height: 30px;}
.page-main-right .page-main-right-title span{float:right;line-height: 30px;}

.page-per-next{float: left;width: 100%;padding:40px 0;margin-top:40px;border-top:1px dashed #dbdbdb;overflow: hidden;}
.page-per-next ul li{float: left;width: 100%;padding:5px 0;line-height:30px;text-align: left;overflow: hidden;}

.page-video{margin:0 auto;width: 100%;max-width: 1000px;padding:5px;background-color:#000000;position:relative;overflow: hidden;}
.page-video .dplayer{float: left;width: 100%;overflow: hidden;}

.page-video .key-form{
    float: left;width: 100%;position: absolute;z-index:10;left:0;top:0;right:0;bottom:0;
    background-color: rgba(0,0,0,.8);padding:40px;display: flex;flex-flow: column wrap;
    justify-content:center;;
    align-content: center;align-items:stretch;
    overflow: hidden;}


/* 鍒嗛〉 */
.page{float: left;width: 100%;margin: 20px 0;overflow: hidden;}
.page .pagination{display: flex;flex-flow: row wrap;justify-content: center;align-items: center;align-content: center;}
.page ul li{cursor:pointer;background-color:#dbdbdb;color:#ffffff;font-size:14px;height: 30px;line-height: 30px;margin:5px;border-radius:2px;overflow: hidden;}
.page ul li:hover{background-color: #005775;color: #ffffff;}
.page ul li a{float:left;width:100%;color: #ffffff;padding:0 10px;}
.page ul li span{padding:0 10px;}
.page .disabled{background-color: #484848;color: #ffffff;}
.page .active{background-color: #002d6e;color: #ffffff;}

.services-image-li{float: left;width: 100%;padding:0; overflow:hidden;}
.services-image-li .title{float: left;width: 100%;font-size: 30px;font-weight:bold;margin-bottom:30px;padding:30px 0;border-bottom:1px solid #000000;text-align: left;overflow: hidden;}
.services-image-li .title:hover{color:#005775;}
.services-image-li .image{float: left;width: 100%;overflow: hidden;}
.services-image-li .image img{float: left;width: 100%;overflow: hidden;}
.services-title-li{float: left;width: 100%;margin-top:10px;overflow:hidden;}
.services-title-li .title{float: left;width: 100%;font-size: 30px;color:#005775;font-weight:bold;padding:30px 0;text-align: left;overflow: hidden;}
.services-text-li{float: left;width: 100%;position:relative;overflow:hidden;}
.services-text-li:before{content: '';position:absolute;top:10px;display:block;width: 4px;height: 4px;background-color: #005775;border-radius: 4px;overflow: hidden;}
.services-text-li:hover:before{content: '';position:absolute;top:10px;display:block;width: 4px;height: 4px;background-color: #555555;border-radius: 4px;overflow: hidden;}
.services-text-li .title{float: left;width: 100%;padding-left:10px;font-size: 18px;line-height:25px;padding-bottom:20px;text-align: left;overflow: hidden;}
.services-image-li a,
.services-title-li a,
.services-text-li a{color:#005775;}
.services-image-li:hover a,
.services-title-li:hover a,
.services-text-li:hover a{color:#555555;}


.bottom{width: 100%;padding:0;text-align: center;color: #ffffff;display: inline-flex;flex-flow: row wrap;align-content: center;justify-content: center;align-items: center;background:#272727;overflow: hidden;}
.bottom .bottom-main{margin:0 auto;width: 7.36rem;overflow:hidden; display: flex; height: 2.3rem; border-bottom: 1px solid #5d5c61;}
.btmcopy{width:100%; height: 40px; line-height: 40px;font-size: 12px; color: #ffffff; text-align: center;}
.btmcopy a{ color: #ffffff;}
.bottom .btmleft{width:4.8rem;  margin-top: 50px; height: 1.32rem;}
.bottom .btmul{ width: 0.784rem; height: 1.157rem; float: left;}
.bottom .btmul .btitle{ width: 100%; height: 0.2rem; line-height: 0.2rem; color: #fff; font-size: 13px;}
.bottom .btmul ul li{ width: 100%; height: 0.2rem; font-size: 12px; line-height: 0.2rem; color: #6a6a6b;}
.bottom .btmul a{ color: #6a6a6b;}
.bottom .btmul a:hover{ color: #fff;}
.bottom .btmright{width:2.21rem; float: right; margin-top: 0.42rem; margin-left: 0.4rem;}
.bottom .btmright .fb{ width: 100%; height: 0.85rem; display:block;}
.bottom .btmright .fw{ color: #fff; line-height: 0.2rem; font-size: 12px; text-align: right;}
.bottom .btmright .ewms{ width: 0.5rem; height: 0.75rem; float: right; margin-left: 0.2rem;}
.bottom .btmright .ewms .epic{ width: 100%; height: 0.5rem;}
.bottom .btmright .ewms:nth-child(3){ margin-right: 0;}
.bottom .btmright .ewms .epic img{ width: 100%;}
.bottom .btmright .ewms .tname{ color:#6a6a6b ; height: 0.2rem; line-height: 0.2rem;}

.ulst{width:100%; height: 75px; border-bottom: 1px solid #144791;}
.ulst li{float: left; height: 0.31rem; line-height: 0.31rem; font-size: 0.09rem; color: #ffffff;display: flex;
    flex-wrap: wrap;align-items:center; margin:0  20px 0 0;}



.links{width:100%; height: auto; display: table;}
.links li{ float: left; height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; margin-right: 20px;}
.links li a{ color: #ffffff; }






.gotop{position: fixed;z-index: 5;right:10px;bottom:10px;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size:20px;background-color: rgba(0,0,0,.5);color: #ffffff;cursor:pointer;overflow: hidden;}

.empty{float: left;width: 100%;margin:100px 0;display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;overflow: hidden}
.empty .image{flex:auto;padding:20px;text-align: center;margin-bottom: 20px;}
.empty .image img{max-width: 60%;}
.empty .name{flex:auto;font-size:20px;line-height:40px;color: #8a8a8a;}


.x-msg{
    float: left;width: 100%;margin-top: 100px;
    display: flex;flex-flow: column nowrap;
    align-content: center;align-items: center;
    overflow: hidden;}
.x-msg .ico-success{margin-top:30px;padding:0;font-size:200px;color: #198754;}
.x-msg .ico-error{margin-top:30px;padding:0;font-size:200px;color: #dc3545;}
.x-msg .msg-box{padding:20px;width:100%;text-align: center;color: #adb5bd;}
.x-msg .btn-box{padding:20px;width:100%;font-size:16px;}

.go-top{
    position: fixed;z-index:999;
    right:20px;bottom:20px;
    width: 40px;height: 40px;line-height: 40px;
    text-align: center;cursor:pointer;
    background-color: rgba(0,0,0,.5);color: #ffffff;font-size:20px;
    overflow: hidden;}
.go-top:hover{background-color: #005775;color: #ffffff;}

.full-pic{}
.full-pic .image{float: left;width: 100%;}
.full-pic .image img{float: left;width: 100%;}
.full-pic .title{float: left;width: 100%;height: 50px;line-height: 25px;text-align:center;padding:0 20px;overflow: hidden;}

.news-video{float: left;width: 100%;overflow: hidden;}
.news-video .video{float: left;width: 100%;overflow: hidden;}
.news-video .video video{float: left;width: 100%;background-color:#000;overflow: hidden;}
.news-video .title{float: left;width: 100%;overflow: hidden;}
.news-video .demo{float: left;width: 100%;overflow: hidden;}

.news-image{float: left;width: 100%;}
.news-image .category-name{float: left;width: 100%;overflow: hidden;}
.news-image .image{float: left;width: 100%;}
.news-image .image img{float: left;width: 100%;}
.news-image .title{float: left;width: 100%;height: 50px;line-height: 25px;text-align:left;padding:0;overflow: hidden;}
.news-image .demo{float: left;width: 100%;line-height: 25px;text-align:left;padding:0;overflow: hidden;}

.about{float:left;width: 100%;overflow: hidden;}
.about .category-name{float: left;width: 100%;}
.about .tips{float: left;width: 100%;position: relative;color: rgb(0,87,117);padding-left:40px;}
.about .tips:before{content: '';width: 30px;height: 4px;position: absolute;top:50%;left:0;margin-top:-2px;background-color: rgb(0,87,117);overflow: hidden;}
.about .title{float: left;width: 100%;overflow: hidden;}
.about .more{float: left;border:1px solid rgb(0,87,117);color: rgb(0,87,117);padding:5px 20px;overflow: hidden;}
.about .more:hover{background-color:rgb(0,87,117);color: #ffffff; }
.about .image {float: left;width: 100%;}
.about .image img{float: left;width: 100%;}
.about .culture{}
.about .culture .box{float: left;width: 100%;}
.about .contact{background: url(../images/about-contact-bg.jpg) no-repeat center center;background-size: cover;padding:50px 50px 200px 50px;font-size:14px;color:#ffffff;overflow: hidden;}


.map{margin:0 auto;width: 750px;margin-top:30px;overflow: hidden;position: relative;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city:hover .citybg{ display:block; z-index:3;}

.page-search{width: 100%;overflow: hidden; height: 70px; padding:15px 0; background: #eeeeee;}
.page-search .label{float: left;margin-left:48px;height:35px;line-height:35px;margin-right:10px;overflow: hidden;}
.page-search .select{float: left;margin-right:30px;height:35px;line-height:35px;border:1px solid #dbdbdb;padding:0 10px;overflow: hidden;}
.page-search .page-search-btn{float: left;height:35px;border:0;background-color:#06447d;color:#ffffff;padding:0 15px;cursor:pointer;overflow: hidden;}
.page-search .page-search-btn:hover{background-color:#08579e;}
.student{margin-top:20px;width: 100%;border-radius: 10px;overflow: hidden; background: #ffffff;}
.student .tips{width:70%; margin:auto;text-align:justify;color:#333333;line-height:30px;padding:15px 0;overflow: hidden;}
.student .tips b{font-size:20px;font-weight: 400;}
.student .form{
    width: 75%;
	margin:auto;
    padding-right: 80px;
    justify-content:space-between;
    align-items:flex-start;
    align-content:flex-start;
   }
.student .form:after{content: '';position:absolute;bottom:0;top:0;right:40px;}
.student .li{float: left;width:45%;padding:15px 3%;overflow: hidden; font-size: 16px; }
.student .li:nth-child(3){width:60%; }
.student .li:nth-child(4){width:30%; }
.student .li .ipt{font-size: 16px;float: left;width: 100%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden; border:1px solid #eeeeee;}
.student .li .captcha{font-size: 16px;float: left;width: 50%;height: 40px;line-height: 40px;padding:0 10px;background-color: #ffffff;border-radius: 4px;overflow: hidden;  border:1px solid #eeeeee;}
.student .li .verifyImg{float:left;cursor:pointer;margin-left: 20px;height: 40px;border-radius: 4px;overflow: hidden;}
.student .li .btn{font-size: 16px;float: left;cursor:pointer;border:0;height: 40px;padding:0 20px;background-color: #12499f;color:#ffffff;border-radius: 4px;overflow: hidden;}
.student-result{ background: #ffffff; width: 100%;/*background-color: #efefef;padding:50px 50px 180px;*/border-radius: 10px;overflow: hidden;}
.student-result .res{display:none;width: 100%; padding:50px 0;  border:1px solid #eeeeee; margin: auto;
    background-color: #ffffff; border-radius: 5px;
    overflow: hidden;}
.student-result .res .message{background: url("../images/qz.png") no-repeat; float: left;width: 100%;font-size:26px;color:#ea644a;padding:15px 0;text-align:center;font-weight:400;overflow: hidden;}
.student-result .res .item{float: left;width:40%; margin-left:10%;line-height: 35px;margin-bottom:10px;overflow: hidden;}
.student-result .res .item b{font-weight: 200;}
.student-result .res .item span{font-size:24px;font-weight: 300;}
.student-result .student-result-tips{display:none;border-top:1px solid #fafafa;float:left;width: 100%;padding:30px;text-align:justify;background-color: #ffffff;position: relative;}
.student-result .student-result-tips img{max-width: 100%;}

.contact-map {float: left;width: 100%;height: 450px;border-radius: 5px;overflow: hidden;}