.xypg-left-nav > li> a{
    font-weight: normal;
    font-size: 16px;
}
.wrap{
    width: 1400px;
    margin:0 auto;
}
.fl{
    float:left;
}
.fr{
    float:right;
}

.h_dw{float:left;font-size: 20px;color: #de0000;font-weight: bold;text-align: left;line-height: 30px;width: 400px;padding: 15px 0 0;position: relative;margin-left: 25px;}
.h_dw:before{content: '';position: absolute;left: -10px;width: 1px;height: 52px;background-color: #DDD;top: 20px;}
.h_dw span{display: block;font-size: 15px;color: #666;font-weight: normal;}

.n-headert{
    position:fixed;
    left:0;
    right:0;
    margin:0 auto;
}
.h-top {
    background: #c8281c;
}
.h-top p{
    margin:0;
}
.wel,
.xunpan,
.xunpan a {
    font: 500 12px/33px "Microsoft YaHei";
    color: #fff;
}
.xunpan a:hover{
    color:#a8a8a8;
}
.h-header {
    background: #fff;
    padding: 10px 0;
}

.logo {
    position: relative;
}


.logocon {
    padding-left: 37px;
}

.header-r{
    margin-top: -10px;
}
.header-r .fbg{
    width: 40px;
    height: 70px;
    border-radius: 0 0 30px 30px;
    background: #de0000;
}
.h-tel {
    padding-left: 16px;
    margin-top: 20px;
}
.h-tel h5{
    font-size: 12px;
    color:#666;
}

/* navstyle */

.h-nav {
    /* padding-top:8px; */
    height: 60px;
    border-top: 1px solid #dcdcdc;
}


/* lso-style */

.lso {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -58px;
    background: #fff;
    padding: 36px 0;
    z-index: 99;
    box-shadow: 0 0 8px #e8e8e8;
}

.lsol {
    width: 490px;
    padding-left: 27px;
}


.lsol {color: #333;}
.lsol a{
    padding-right: 24px;
    color: #666;
}

.lsol a:hover{
    color: #ff5f00;
}
.lsoc {
    width: 270px;
    height: 38px;
    background: #f6f6f6;
    border-radius: 25px;
}
.lsoc #keyword{
    width: 199px;
    color: #666;
    padding-left: 9px;
    border: none;
    background: none;
    outline: none;
    margin-left: 11px;
}


.lsoc #s_btn {
    background: url(../images/lso.png) bottom right no-repeat;
    width: 32px;
    height: 15px;
    border: none;
    outline: none;
    border-left: 1px solid #c8c8c8;
}

.lsor i {

    width: 25px;
    height: 38px;
    background: url(../images/header.png) center no-repeat;
    float: left;
    margin-left: 60px;
}

.lsor .btel {
    float: left;
    padding-left: 15px;
}

.lsor .lmess {

    float: left;
    width: 97px;
    font: 500 13px/28px "Microsoft YaHei";
    color: #fff;
    background: #09366f;
    text-align: center;
    border-radius: 15px;
    margin: 5px 0 0 20px;
}

.h-search{
    padding: 19px 0 18px;
    border-bottom: 1px solid #e0e0e0;
}
.h-search .h-hot{
    color: #e53636;
    font-weight: 700;
    line-height: 40px;
}
.h-search .h-hot a{
    color:#666;
    font-weight: 400;
    padding-right: 19px;
}
.h-search .h-hot a:hover{
    color:#e53636;
}

#s_btn{
    width:64px;
    height:36px;
    background:#e53636;
    color:#fff;
}
.x-header-right{
    width:auto;
    height:38px;
    border-radius:100px;
    overflow:hidden;
    border: 1px solid #c5c5c5;
    padding-left:20px;
}

.x-header-right #formsearch,
.x-header-right .x-login {
    display: inline-block;
    vertical-align: middle;
}

.x-header-right #formsearch {
    width: 282px;
    line-height: 40px;
    border-radius: 25px;
    overflow: hidden;
    border:1px solid #ddd;
    position: relative;
}
.x-header-right input::-webkit-input-placeholder {
    color: #c1c1c1
}
.x-header-right input::-moz-placeholder {
    color: #c1c1c1
}
.x-header-right input::-ms-input-placeholder {
    color: #c1c1c1
}
.x-header-right input::placeholder {
    color: #c1c1c1
}


.h_newsbg {
    padding: 80px 0 15px;
}
.lnews .x-title{
    margin-bottom:48px;
}
.xleft {
    width: 660px;
}
.nsort {
    margin-bottom:24px;
}
.nsort > a {
    font-size: 18px;
    color:#333;
    position: relative;
    font-weight: 700;
    padding-right:37px;
}

.nsort > a:nth-child(2)::after{
    width: 0px;
}
.lnew_r .nsort > a:nth-child(1)::after{
    width: 0px;
}
.nsort > a::after{
    position: absolute;
    content:'';
    width: 1px;
    height: 15px;
    top:6px;
    right:17px;
    background: #d2d2d2;
}
.nsort > a.cur{
    color: #b80a0c;
}
.nsort span a{

    float: right;
    color:#999;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 25px;
}
.nsort span a:hover{
    color:#143a85;
}
.news_list1{
    width: 100%;
    overflow: hidden;
    height: 156px;
}
.news_list1 span{
    display: inline-block;
    width: 160px;
    line-height: 156px;
    color:#fff;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    background: #333;
}
.news_list1 .img{

    width: 396px;
    float:right;
    overflow: hidden;
}
.news_list1 .img img{
    max-width: 100%;
    transition: all .6s;
}
.news_list1:hover img{
    transform: scale(1.1);
}
.news_list2 li {
    width: 100%;
    margin-top: 16px;
    padding-left: 21px;
}


.news_list2 li a{
    position: relative;
    display: block;
}

.news_list2 li a::before{
    position: absolute;
    content:'';
    top:10px;
    left:-19px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #666;
}
.news_list2 li a h1         {
    float: left;
    color:#666;
    font: 500 14px/24px "Microsoft YaHei";
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_list2 li a h1:hover{
    color:#b80a0c;
}
.news_list2 li .con{
    display: none;
}

.news_list2 li:first-child{
    padding-left:0;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 0;
}
.news_list2 li:first-child a::before{
    content:'';
    width: 0;
}
.news_list2 li:first-child .con{
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-indent: 15px;
    color:#666;
}
.news_list2 li:first-child b{
    display: none;
}
.news_list2 li:first-child h1 {
    float:none;
    font-size: 16px;
    color:#333;
    font-weight: 700;
    padding-bottom:13px;
}
.news_list2 li a h3:hover{
    color: #143a85;
}

.news_list2 li a b{
    float:right;
    font-size:12px;
    color:#999;
    font-weight: 400;
}




.lnew_r {
    width: 600px;
    background: #fff;
}
.info-c{
    width: 540px;
    height: 156px;
    overflow: hidden;
}
.info-c img{
    transition: all .6s;
}
.info-c:hover img{
    transform: scale(1.1);
}
.news_size {
    margin:28px 0 45px;
    height: 280px;
    margin-right: 18px;
    overflow: hidden;
}



.lnew_wz:hover b, .lnew_wz:hover span{
    color: #b61218;
}

.lnew_r_c {
    width: 100%;
    padding:30px 0 21px 33px;
    border-bottom: 1px solid #eee;
}
.lnews_r_h {
    position: relative;
    color: #333;
    font-size: 16px;
    padding-bottom:11px;
}

.lnews_r_h::before{
    position: absolute;
    height: 18px;
    width: 18px;
    left:-30px;
    line-height: 18px;
    content:'Q';
    border-radius: 50%;
    font-size: 12px;
    text-align:center;
    color:#fff;
    font-weight: 400;
    font-family:  Arial, sans-serif;
    background: #000;
}
.lnew_wz:hover .lnews_r_h {
    color: #b80a0c;
}
.lnews_r_cs {
    position: relative;
    color: #666; }

.lnews_r_cs::before{
    position: absolute;
    height: 18px;
    width: 18px;
    left:-30px;
    line-height: 18px;
    content:'A';
    border-radius: 50%;
    font-size: 12px;
    text-align:center;
    color:#fff;
    font-weight: 400;
    font-family:  Arial, sans-serif;
    background: #e53636;
}
/**/
.content {
    max-width: 1400px;
    margin: 0 auto;
    /* min-width: 1200px; */
}
.jijr ul{overflow: hidden;margin-top: 40px;}
.jijr ul li{ float: left; position: relative; font-size: 0; width:23.87%; margin-right: 1.5%; font-size: 0; line-height: 0; border-radius:4px; overflow: hidden;}
.jijr ul li img{ width: 100%; display: inline-block;}
.jijr ul li:last-of-type{ margin-right: 0;}
.jijr ul li em{ display: block; position: absolute; left:8%; top: 5%; color: #fff; font-size: 20px; transition: all 0.2s;}
.jijr ul li em b,.jijr ul li em strong{ display: none;}
.jijr ul li em i{ display: block; line-height: 100%; padding-bottom: 65px;background: url(../images/fa_m1.png) no-repeat left bottom;}
.jijr ul li em i span{display: block;font-size: 32px;font-style: initial;line-height: 100%;padding-bottom: 15px;}
.jijr ul li:hover em{background: rgb(229, 54, 54);left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding-left: 8%;padding-top: 20%;font-size: 37px;}
.jijr ul li:hover em i{ background: none; font-size: 20px; padding-bottom: 24px;}
.jijr ul li:hover em i b{display: block;font-weight: normal;color: #ffffff;font-style: initial;line-height: 100%;padding-bottom:12px;font-size: 24px;}
.jijr ul li:hover em strong{ display: block; font-size: 16px; color: #fff; line-height: 30px;font-weight: normal; padding-right: 5%;}
.jijr ul li:hover em strong span{ display: block; margin-top: 37px;background: url(../images/fa_m2.png) no-repeat; width: 160px; height: 42px; line-height: 42px; font-size: 16px; color: #fff; padding-left: 27px;}
/**/


.lr {overflow: hidden;margin:80px 0 0;}
.lr ul{width: 1400px;margin-top:40px;}
.lr h3 { height: 152px; text-align: center; font-size: 50px; color: #666666; padding-top: 110px; background: url("../images/lr_03.png") no-repeat 0 216px; font-weight: normal; line-height: 50px;}
.lr h3 p { font-size: 18px; color: #666666;}
.lr h3 b { color: #006035;}
.lr li {position: relative;display: inline-block;width: 24%;margin-left: 11px;overflow: hidden;}
.lr li i {display:block;width: 100%;font-size: 0;overflow:hidden;}
.lr li i img {width: 100%;height: 360px;}
.lr li i img{
    transition:1s;
}
.lr li:hover i img{-webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
    -m-transform: scale(1.12);
    transform: scale(1.12);}
.lr li p {background:#ffffff;position: absolute;left: 120px;top: 320px;border-radius: 100%;border: 1px solid #000;}
.lr li p img { width: 82px; height: 82px;}
.lr li em {display: block;text-align: center;font-size: 18px;color: #333333;margin-top: 60px;}
.lr li:last-child { margin-right: 0;}
.lr li p:hover{background:#b80a0c;border:none;}
.lr li p .imgh{display:none;}
.lr li p:hover .img1{display:none}
.lr li p:hover .imgh{display:block;}
.box-dj {
    background: url(../images/djbg.png) no-repeat center;
    height: 252px;
    margin-bottom: 100px;
}
.main-dj{width: 1400px;margin:0 auto;}

.box-dj .main-dj-left {
    text-align: center;
    width: 254px;
    color: #fff;
    padding-top: 78px;
}

.box-dj .main-dj-left p {
    font-size: 12px;
    line-height: 38px;
    font-family: Arial, Helvetica, sans-serif;
}

.box-dj .main-dj-left h2 {
    font-size: 36px;
    font-weight: bold;
}

.box-dj .main-dj-middle {
    padding-top: 95px;
    margin-left: 63px;
}

.box-dj .main-dj-middle p {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 8px;
}

.box-dj .main-dj-middle h2 {
    font-size: 16px;
    color: rgba(226, 226, 226, 0.6);
}

.box-dj .main-dj-right {
    padding-top: 106px;
}

.box-dj .main-dj-right div {
    color: #e2e2e2;
    padding: 12px 50px 12px 80px;
    background-color: #c7281c;
    font-size: 16px;
    display: inline-block;
}

.box-dj .main-dj-right img {
    position: relative;
    left: 50px;
    margin-bottom: 5px;
}

.box-dj .main-dj-right h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 17px;
    margin-left: 30px;
    letter-spacing: 1.6px;
}


body {
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

a {
    color: #337ab7;
    text-decoration: none;
}

h1, h2, h3, h4, h5 {
    margin: 0;
}

a:focus,
a:hover {
    color: #de0000 !important;
    text-decoration: none;
}

a:focus {
    outline: none;
    outline-offset: -2px;
}

.hot-keys:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after {
    content: "";
    display: table;
    clear: both;
}

.x-header-right .x-login .username, .x-product-list li h3, .x-case-item .wz h3, .x-news-top h3, .x-news-list li a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-case-list li h3 a, .xypg-news-list li .tit h3, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-product-slick .owl-item p, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .cover-item .item-first .wz h3, .cover-item .item-list h4, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.x-banner .owl-carousel .banner-item a, .x-product-list li .img, .x-case-item .img, .x-news-img, .page-banner, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img, .x-logo a, .x-layout-logo, .x-layout-ewm img, .page-message-img {
    font-size: 0;
}

.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img, .x-case-item .img img, .x-news-img img, .page-banner img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
    width: 100%;
}

.x-logo a img, .x-layout-logo img, .x-layout-ewm img img, .page-message-img img {
    max-width: 100%;
}

.x-product-list li .img, .x-case-item .img, .x-news-img, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img {
    overflow: hidden;
}

.x-product-list li .img img, .x-case-item .img img, .x-news-img img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* .container-fluid {
  padding: 0 8.33333333%;
} */
.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.n-loading .n-icon {
    background: url("../images/loading.gif") 0 center no-repeat !important;
}

.n-default .msg-wrap .n-icon {
    background-image: url("../images/validator_default.png") !important;
}

.n-simple .msg-wrap .n-icon {
    background-image: url("../images/validator_simple.png") !important;
}

.n-yellow .msg-wrap .n-icon {
    background-image: url("../images/validator_simple.png") !important;
}
.xymob-head {
    position: fixed;
    top: 0;
    z-index: 999999;
    left: 0;
    right: 0;
    background: #151515;
}

.xymob-head-box {
    position: relative;
    height: 60px;
}

.xymob-head-box .xymob-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 70%;
    height: 30px;
    text-align: center;
}

.xymob-head-box .xymob-logo h1, .xymob-head-box .xymob-logo a {
    display: inline;
    font-size: 0;
}

.xymob-head-box .xymob-logo img {
    height: 25px;
}

.xymob-navbtn {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto 0 auto 27px;
    width: 30px;
    height: 20px;
}

.xymob-navbtn span, .xymob-navbtn:after, .xymob-navbtn:before {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-navbtn span {
    margin: 7px 0;
}

.xymob-navbtn:after, .xymob-navbtn:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    transform-origin: 7.5%;
}

.xymob-navbtn.clicked span {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.xymob-navbtn.clicked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.xymob-navbtn.clicked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.xymob-search-btn {
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14%;
    text-align: center;
    line-height: 60px;
}

.xymob-search-btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-search-btn .icon-font:after {
    background-position: -30px -210px;
}

.xymob-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: #151515;
    padding: 0 10%;
}

.xymob-menu .xymob-menu-box {
    height: 100vh;
    overflow: auto;
    padding-bottom: 80px;
}

.xymob-nav > li {
    border-bottom: 1px solid #2b2b2b;
    position: relative;
}

.xymob-nav > li > a {
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
}

.xymob-nav .xymob-menu-jt {
    position: absolute;
    width: 20%;
    height: 50px;
    line-height: 50px;
    right: 0;
    top: 0;
    text-align: center;
    z-index: 9;
}

.xymob-nav .xymob-menu-jt .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-nav .xymob-menu-jt .icon-font:after {
    background-position: -30px -240px;
}

.xymob-nav .xymob-menu-jt.clicked .icon-font:after {
    background-position: -30px -270px;
}

.xymob-nav .xymob-sub-menu {
    background: #1E1E1E;
    display: none;
}

.xymob-nav .xymob-sub-menu > li {
    border-top: 1px dashed #2b2b2b;
}

.xymob-nav .xymob-sub-menu > li > a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 40px;
    text-indent: 2em;
}

.xymob-dlbtn {
    margin-top: 40px;
}

.xymob-dlbtn a {
    text-align: center;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #292e39;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.xymob-dlbtn a i {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.xymob-dlbtn a .icon-dl:after {
    background-position: -30px -540px;
}

.xymob-dlbtn a .icon-pn:after {
    background-position: -30px -600px;
}

.xymob-dlbtn a .icon-tc:after {
    background-position: -30px -570px;
}

.xymob-dlbtn .zx-btn {
    margin-top: 10px;
    background: none;
    border: 1px solid #fff;
}

.xymob-search {
    position: fixed;
    z-index: 99999;
    left: 100%;
    bottom: 0;
    top: 0;
    width: 100%;
    background: #151515;
    padding: 15px 15% 0 15%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.xymob-search .xymob-search-close-btn {
    position: absolute;
    top: 27px;
    left: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

@media (max-width: 420px) {
    .xymob-search .xymob-search-close-btn {
        left: 15px;
    }
}

.xymob-search .xymob-search-close-btn i {
    width: 100%;
    height: 100%;
    display: block;
}

.xymob-search .xymob-search-close-btn i:after {
    background-position: -30px -300px;
}

.xymob-search .xymob-search-box {
    height: 50px;
    border-bottom: 2px solid #2d2d2d;
}

.xymob-search .xymob-search-box input[type="text"] {
    width: 80%;
    float: left;
    background: none;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.3);
    font-family: "Microsoft YaHei";
    font-size: 16px;
    height: 50px;
}

.xymob-search .xymob-search-box #s_btn {
    width: 20%;
    height: 50px;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 0;
    background: none;
    border: none;
}

.xymob-search .xymob-search-box #s_btn .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.xymob-search .xymob-search-box #s_btn .icon-font:after {
    background-position: -30px -210px;
}

.xymob-search .xymob-seaerch-wz span,
.xymob-search .xymob-seaerch-wz a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 45px;
    border-bottom: 1px solid #2b2b2b;
}

.xymob-search.clicked {
    left: 0;
}

.x-header {
    background: #ffffff;
    padding: 1.30208333% 0;
}

.x-logo {
    float: left;
    width: 15.3125%;
}

.x-logo a {
    display: block;
}

.x-header-right {
    float: right;
    width: 20%;
    text-align: right;
}



.x-menu > li {
    float: left;
    position: relative;
    margin: 0 10px;
}
.x-menu > li::after{
    position: absolute;
    content:'';
    top:16px;
    right:0;
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,.1);
}
.x-menu > li > a {
    display: block;
    padding: 0 28px;
    font-size: 16px;
    color: #111;
    line-height: 57px;
}
.x-menu > li:last-child::after{
    width:0;
}
.x-menu > li > a:hover {
    background: #fff;
    color: #de0000;
    border-bottom:2px solid #de0000;
}

.x-menu > li.active > a {
    background: #fff;
    color: #de0000;
    border-bottom:2px solid #de0000;
}



.x-menu > li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 110%;
    left: -5%;
    top: 65px;
    background: #fff;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu > li > a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding: .5em;
}

.x-sub-menu > li > a:hover {
    background: #e9eaeb;
}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}

.x-banner .owl-carousel {
    position: relative;
}

.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #143a85;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}

.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 8%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 10px;
    outline: none;
    background: #c3c4bc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
    background: #cf2227;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    background: #b80a0c;
}



.about-t p{
    padding-top:8px;
    text-transform: uppercase;
}
.x-title {
    text-align: center;
}
.x-title h3 {
    font-size: 36px;
    font-weight: 700;
    color: #e53636;
}
.x-title h3 span{
    color:#111;
}
.x-title p {
    font-size: 16px;
    color:#666;
    margin-top:10px;
    position: relative;
}
.x-title p::before{
    position: absolute;
    /* content:''; */
    width: 50px;
    height: 1px;
    top:12px;
    left:418px;
    background: #e8e8e8;
}

.x-company-list .owl-carousel .owl-nav button.owl-prev:hover{
    background: url(../images/coml1.png);
}
.x-company-list .owl-carousel .owl-nav button.owl-next{
    background: url(../images/comr.png);
    position: absolute;
    top:32px;
    right:-76px;
    transition: all .6s;
}
#foot {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    line-height: 24px;
    color: #666;
    border-top: 2px solid #eb2830;
    padding-top: 10px;
    font-size: 14px;
}

#foot a {
    color: #666;
    text-decoration: none;
}

#foot a:hover {
    color: #0aa8dd;
}

.return {
    position: relative;
    height: 36px;
    padding: 6px;
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    font: bold 22px/42px "\5FAE\8F6F\96C5\9ED1";
    color: #737372;
}

.return a {
    position: absolute;
    right: 10px;
    top: 12px;
    height: 36px;
    width: 100px;
    text-align: center;
    display: block;
    background: #eb2830;
    color: #fff;
    line-height: 36px;
    font-size: 12px;
    font-weight: bold;
}

.return a:hover {
    text-decoration: none;
    background: #f39c11;
    color: #fff;
}
.wrap-link{width:1400px;margin: 0 auto 30px;color:#fff;border-bottom: 1px solid #4c4c4c;padding-bottom: 26px;}
.wrap-link span{margin-right:5px;}
.wrap-link a{color: #f5f5f5 !important;}
.x-layout {
    background: #181818;
    color:#a8a8a8;
    position: relative;
    padding: 30px 0 0px;
}
.x-link {
    position: absolute;
    top:-15px;
    left:0;
    right:0;
    height: 58px;
    line-height:58px;
    color:#fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding-right:16px;
    background: url(../images/flinkbg.png)center no-repeat;
}

.x-link img{
    margin-left:24px;
    margin-right:8px;
}
.x-link a {
    position: relative;
    font-size: 12px;
    padding:0 11px;
    color: rgba(255, 255, 255, 0.5);
}
.linka a{
    position: relative;
}
.x-link .linka a::after{
    position: absolute;
    content:'|';
    top:-22px;
    right:0;
}
.linka{
    width:1020px;
    overflow: hidden;
}
.linka a:last-child::after{
    content:'';
}
.x-link a:hover{
    color:#fff;
}
.x-link span{
    float:right;
    color:rgba(255, 255, 255, 0.5);
    font-size: 12px;
}

.layout-left{
    width: 340px;
}
.layout-left a{
    display: inline-block;
    /* width: 24%; */
    color:#a8a8a8;
    margin: 6px 20px 6px 0;
    font-size: 14px;
    padding-bottom: 8px;
}
.layout-left a:hover{
    color:#fff;
}
.layout-center{
    width: 520px;
    margin-left: 40px;
}
.x-layout h3{
    color:#fff;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 20px;
}
.layout-center p{
    padding-bottom:7px;
}

.layout-right{
    width:100px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.layout-right img{
    max-width: 100%;
}
.layout-right p{
    padding-top: 10px;
}
.x-footer {
    background: #181818;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
}
.x-footer .wrap{
    padding: 20px 0;
    text-align: center;
    border-top:1px solid #343434;
}
.x-footer .x-copyright{display:inline-block;}
.x-footer a {
    color: rgba(255, 255, 255, 0.5);
}

.x-footer a:hover {
    color: rgba(255, 255, 255, 0.8);
}


#toolbar {
    position: fixed;
    z-index: 9999;
    right: 3px;
    bottom: 10%;
}

#toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    background: #292e39;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

#toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
    background-color: #de0000c9;
}

#toolbar li .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar li .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar li .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar li .icon-message:after {
    background-position: -30px -120px;
}

#toolbar li .icon-top:after {
    background-position: -30px -60px;
}

#toolbar li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #292e39;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #292e39;
    border-right: none;
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar li.backtop {
    cursor: pointer;
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #292e39;
}

#toolbar li:hover a {
    width: 200px;
}

#toolbar li:hover .icon-font {
    background-color: #292e39;
}

#toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}

.page-position {
    padding: 11px 0 33px 14px;
    font-size: 14px;
    color: #666;
    position: relative;
}
.page-position::before{
    position: absolute;
    content:'';
    width: 5px;
    height: 12px;
    left:0;
    top:15px;
    background: #143a85;
}
.page-position a {
    color: #666;
}

.page-position a:hover {
    color: #143a85;
}

.page-wrap {
    background: #ffffff;
    padding:42px 0 3.38541667%;
}

@media (min-width: 990px) {
    .page-wrap-left {
        float: left;
        width: 272px;
        margin-right: 32px;
    }
}

.xypg-left-box {
    margin-bottom: 20px;
}

.xypg-left-title {
    padding: 19px 0 10px;
    color: #fff;
    text-align: center;
    background: #143a85;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.xypg-left-title h3 {
    font-size: 24px;
    font-weight: 500;
}

.xypg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 67px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}

.xypg-left-title span {
    display: block;
    padding-top: 5px;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    font-family: 'Arial';
}



.xypg-left-con {
    border: 1px solid #143a85;
    border-top: none;
}

.latest-news {
    padding: 10px 0;
}

.latest-news li {
    padding: .5em 1em;
    font-size: 14px;
}

.latest-news li a {
    display: block;
    line-height: 1.2;
    color: #5a5a5a;
}

.latest-news li a:before {
    content: '+';
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
}

.latest-news li a:hover {
    color: #143a85;
}

.latest-news li a:hover:before {
    color: #143a85;
}

.hot-keys {
    padding: 20px 7px 8px 7px;
}

.hot-keys li {
    width: calc(50% - 14px);
    float: left;
    margin: 0 7px 14px 7px;
}

.hot-keys li a {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #5a5a5a;
    line-height: 2.857;
    border: 1px dashed #f1f1f1;
}

.hot-keys li a:hover {
    color: #143a85;
    border-color: #143a85;
}

.page-wrap-contact {
    padding: 10px 0;
    font-size: 14px;
}

.page-wrap-contact h4 {
    padding: .3em 1.4em .8em 1.4em;
    font-size: 16px;
    color: #000000;
}

.page-wrap-contact p {
    position: relative;
    margin-bottom: 0;
    padding: 0 1.4em;
    color: #2f2f2f;
    line-height: 30px;
}

.page-message-img img {
    border: 1px solid #d2d2d2;
}

.page-wrap-right {
    overflow: hidden;
}

.page-mob-tool {
    position: fixed;
    right: 15px;
    bottom: 100px;
    z-index: 9999;
}

.page-mob-tool li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.page-mob-tool li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #292e39;
    opacity: .7;
}

.page-mob-tool li i {
    display: block;
    width: 100%;
    height: 100%;
}

.page-mob-tool li .icon-dots-horizontal:after {
    background-position: -30px -390px;
}

.page-mob-tool li .icon-top:after {
    background-position: -30px -60px;
}

@media (min-width: 992px) {
    .page-mob-tool {
        display: none;
    }
}

.navigation a {
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-family: "Microsoft YaHei",Arial;
    line-height: 26px;
    border: 1px solid #cbcbcb;
    margin: 0 5px;
    padding: 0 8px;
}

.navigation a.previous_page {
    float: left;
}

.navigation a.next_page {
    float: right;
}

.navigation a:hover {
    color: #fff;
    border-color: #143a85;
    background: #143a85;
}



.clear{ clear:both;}
.relative{ position:relative;}
.absolute{  position:absolute;}
ul {list-style: none;}
li{ list-style-type:none;}
.eng{text-transform:uppercase; }

.red{ color:#eb2626;}
.blue{ color:#257dc7;}
.white{ color: #FFF;}
.color3{ color: #333333 !important;}
.color6{ color: #666666 !important;}
.color9{ color: #999999 !important;}
.f12{ font-size: 12px !important;}
.f16{ font-size: 16px !important;}
.f18{font-size: 16px !important;}
.f20{ font-size: 20px !important;}
.f24{ font-size: 24px !important;}
.f30{font-size: 26px !important;color: #111;}
.bold{ font-weight: bold;}


.zyflash{height: 320px; width: 100%; overflow: hidden;}
.zy_02{ background: url(../images/zyflash2.jpg) no-repeat top center}
.zy_inco{background: #eaeaea;height: 72px;line-height: 72px;}

.pro_l{width: 700px;height: 520px;margin: 50px 0;}
.pro_r{width: 640px;height: 520px;margin: 40px 0;font-size: 16px;line-height: 30px;}
.pro_r .pro_tit{padding: 25px 0 15px 0;font-weight: bold;}
.pro_r .pro_xian{height: 1px;background: #dbdbdb;margin: 20px 0;width: 100%;}
.pro_r .red{color: #cc0000 !important;font-weight: bold;text-indent: 10px;}
.pro_r .pro_t{ position: relative; padding-left: 18px;color: #333333;}
.pro_r .pro_t:before{  font-size: 60px; color: #CC0000; position: absolute; left: 0; top: 0px;}
.pro_r .pro_fl{ color: #3d3d3d;}
.pro_r .pro_tel{text-indent: 40px;background: url(../images/pro_tel.png) no-repeat left 8px;}
.pro_r .pro_eml{text-indent: 40px;margin-top: 10px;background: url(../images/pro_eml.png) no-repeat left center;}
.pro_r .pro_link{margin: 25px 0;height: 50px;}
.pro_r .pro_link a{width: 140px;float: left;margin-right: 25px;height: 46px;text-align: center;line-height: 46px;border: 1px solid #CC0000;color: #cc0000;}
.pro_r .pro_link a:hover{ width: 215px; background: #CC0000; color: #FFF !important;}
.pro_r .pro_a{ height: 26px; line-height: 26px;}
.pro_r .pro_a a{ color: #2e2e2e; float: left; padding: 0 10px;}
.cpinfo{width: 1040px;height: auto;display: inline-block;margin-top: 30px;vertical-align: top;overflow: hidden;}
.cpinfo .hd{height: 50px;box-sizing:content-box;}
.cpinfo .hd li{width: 250px;height: 50px;background: #666;margin-right: 5px;text-align: center;float: left;line-height: 50px;color: #FFF;/* padding-top: 8px; */font-size: 16px;}
.cpinfo .hd li.on{background: #cc0000;height: 50px;padding: 0;line-height: 50px;}
.cpinfo .bd{color: #3d3d3d;line-height: 30px;padding: 40px 10px;font-size: 16px;}
.likecp{width: 310px;height: 1000px;overflow: hidden;display: inline-block;margin-top: 30px;}
.likecp .inco{height: 50px;background: #cc0000;color: #FFF;line-height: 50px;text-align: center;}
.likecp .nr{ padding: 5px 0;}
.likecp .nr li{ border: 1px solid #d6d6d6; margin: 11px 0; text-align: center;height:auto !important;}
.picList li img{width:76%;height:auto;}
.picList li a{display:block;margin:10px auto;}

/*fangdajing*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 700px !important;height: 460px !important;}
.jqzoom img{max-width: 700px;max-height: 460px;margin: 0 auto;display: block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:600px !important;height:420px !important;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden; overflow:hidden;}
.jqZoomPup{ background:url(../images/joom.png); position: absolute;}
/*xiaotuyulan*/
.spec-preview{width: 700px !important;height: 460px !important;border:1px solid #DFDFDF;overflow: hidden;margin-bottom:8px;}
.spec-scroll{clear:both;margin-top:5px;width: 700px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:90px; line-height:90px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none; }

.spec-scroll .items{float:left;position:relative;width: 670px;height:100px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:100px;}
.spec-scroll .items ul li{float:left;width:142px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:120px;height: auto;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
.order .text span{ width: 90px; float: left;}
.order .text input{ width: 50% !important;}
table{ margin: 10px 0;}
tr:nth-of-type(2n+1){ background: #e6e6e6;}
td{ padding-left: 10px;}
.zxly_nr{background: #fcfcfc;border: 1px solid #f0e2cb;padding: 20px; width: 870px; margin-left: 120px; overflow: hidden;}
.order{ width: 960px; overflow: hidden; margin: 10px auto;}
.order .text{ width: 50%; float: left; margin-bottom: 12px; height: 44px;}
.order .text input{ width: 80%; padding: 0 5%; height: 40px; line-height: 40px; border-radius: 3px;border:1px solid #d2d4d6;}
.order .longtext{ width: 100%; margin-bottom: 12px; height: 140px; clear: both;}
.order .longtext textarea{border:1px solid #d2d4d6;resize: none;width:91%;height:110px; padding: 10px 2%;border-radius: 3px;}
.order .but{ width:95%; height: 42px; background: #cc0000;color: #FFF; clear: both; font-size: 16px;border-radius: 3px;}




*{ margin: 0;padding: 0;border:0;}
body {font-size:14px; line-height:24px;color:#777777; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none;}
a{color:#5e5e5e;text-decoration:none;cursor:pointer;/* transition: 0.3s all 0s linear; */}
a:hover{ text-decoration:none; color:#a90000;}
.left{float:left;}
.right{ float:right;}
.subpage_ad {
    position: relative;
    height: 360px;
    overflow: hidden;
}

.bgimg {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: no-repeat center/cover;
}

.bgimg:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.mobitem {
    display: none;
}
.p_articles p img{
    max-width:100%;
    margin: 20px auto;
}

.subpage_ad .text {
    position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 48%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}

.capitalize {
    text-transform: capitalize;
}

.subpage_ad .ad-tit {
    font-size: 36px;
    font-weight: normal;
}
.subpage_ad .ad-line {
    height: 2px;
    width: 3%;
    background: #fff;
    margin: 0.8% auto;}


.w1200{width: 1400px;margin: 0 auto;}
.w_grid-001 {margin-left: auto;margin-right: auto;max-width: 1400px;width: 100%;}
#w_grid-1561799114001>div>.p_gridbox {  background-color: rgba(242, 242, 242, 1);}
#w_grid-1561799114001>div>.p_gridbox>.p_gridCell {padding-top: 4rem;}
#content_box-1561800424717-1{float:right;}
#c_portalResBreadcrumb_nav-15618010069196529 .p_breadcrumbList {text-align: right;margin: 18px 0px;}
.e_breadcrumb{display:inline-block;}
.p_breadcrumbFirst{white-space:nowrap;display: inline-block;}
.p_breadcrumbList span {
    display: inline-block;
    font-size: 14px;
    color: #333;
}
#c_portalResBreadcrumb_nav-15618010069196529 .p_breadcrumbList span.weizhi {
    padding-left: 25px;
}
#c_portalResBreadcrumb_nav-15618010069196529 .p_breadcrumbList span {
    display: inline-block;
    font-size: 14px;
    color: #333;
}
.font {
    display: inline-block;
    line-height: 30px;
}
.p_end{display:inline-block;}
#c_portalResBreadcrumb_nav-15618010069196529 .p_breadcrumbList span .iconfont:before {
    content: '\e630';
    color: #f50808;
    font-size: 20px;
}
#c_portalResNews_category-15618007213897063{width:60%;display:inline-block;}
#w_grid-1561800424717> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
    width: 38.629799999999996%;
    margin-left: 1%;
    margin-right: 0px;
    clear: none;
    float:right;
}
#c_portalResNews_category-15618007213897063 .NavList_a1 ul {
    text-align: left;
    display: block;
    font-size: 0px;
}

#c_portalResNews_category-15618007213897063 .NavList_a1 a {
    position: relative;
    font-size: 16px;
    height: 68px;
    line-height: 68px;
    padding: 0px 30px;
    color: #000;
    display: block;
    transition: 0.3s ease 0s;
}

#c_portalResNews_category-15618007213897063 .NavList_a1 .more:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}

#c_portalResNews_category-15618007213897063 .NavList_a1 a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}

#c_portalResNews_category-15618007213897063 .NavList_a1 a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #cd0505;
}

#c_portalResNews_category-15618007213897063 .NavList_a1 li {
    position: static;
    display: inline-block;
    color: #fff;
    width: auto;
    vertical-align: top;
}

.p_title{background:#cd0505;color:#fff !important;}
.p_title:hover:before {
    width: 80%;
    left: 10%;
    background-color: #fca90000 !important;
}

@media screen and (min-width: 769px) {
    #c_portalResNews_category-15618007213897063 .NavList_a1 a:hover {
        color: #cd0505;
    }
}



#mapContainer {
    width: 100%;
    height: 430px;
    text-align: center;
    line-height: 430px;
    font-size: 34px;
}

#tip {
    height: 30px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    font-size: 12px;
    right: 10px;
    bottom: 20px;
    border-radius: 3px;
    line-height: 30px;
    border: 1px solid #ccc;
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
    text-align: left;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0px 0px 5px #000;
}

div.info-middle {
    font-size: 12px;
    padding: 10px;
    line-height: 21px;
    text-align: left
}

div.info-bottom {
    height: 0px;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}



.importantword span {
    float: left;
    overflow: hidden;
    padding-left: 25px;
    background-image: url(../images/n_02.png);
    background-position: left center;
    background-repeat: no-repeat;
}
.importantword{
    background-color: #cd050512;
    color: #666666;
    font-size: 12px;
    padding: 3px 15px;
    float: left;
    margin-top: 15px;
    margin-left:10px
}
.importantword:hover{
    color: #cd0505;
    border-radius:0;
}

.article .text {
    font-size: 16px;
    color: #161616;
    line-height: 30px;
    margin: 40px 0 0;
    padding-bottom: 20px;
}
.news_keywords span {
    float: left;
    font-size: 14px;
    color: rgb(34, 34, 34);
    margin-top: 2px;
}
.news_keywords a {
    float: left;
    font-size: 14px;
    background-color: rgb(226, 51, 51);
    margin-bottom: 5px;
    margin-right: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
    color: rgb(255, 255, 255) !important;
    padding: 4px 8px;
    border-radius: 50px;
}
.news_keywords {
    margin-top: 50px;
    overflow: hidden;
    margin-bottom: 20px;
}
.cpinfo .news_tuijian{width: 94%;margin: 0 auto 40px;}
.cpinfo .news_tuijian dd{width:260px !important;}
.news_tuijian {
    margin-top: 30px;
    margin-bottom: 40px;
    overflow: hidden;
}
.news_tuijian dl {
    margin-left: -30px;
}
.news_tuijian dl dt span {
    float: left;
    color: rgb(51, 51, 51);
    font-size: 16px;
}
.news_tuijian dl dt a {
    float: right;
    font-size: 16px;
    color: rgb(51, 51, 51);
}
.news_tuijian dl dt {
    margin-left: 30px;
    font-size: 16px;
    overflow: hidden;
}
.news_tuijian dl dd {
    margin-left: 30px;
    margin-top: 20px;
    float: left;
    width: 458px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(218, 218, 218);
    border-image: initial;
}
.news_tuijian dl dd a {
    display: block;
    transition: all 0.4s ease 0s;
    padding: 20px;
}
.news_tuijian dl dd a:hover {
    background-color: rgba(226, 51, 51, 0.91);
}
.news_tuijian dl dd a:hover span {
    color: rgb(255, 255, 255);
}
.news_tuijian dl dd a:hover p {
    color: rgb(255, 255, 255);
}
.news_tuijian dl dd a:hover i {
    color: rgb(255, 255, 255);
}
.news_tuijian dl dd a i {
    display: block;
    font-size: 24px;
    color: rgb(153, 153, 153);
    transition: all 0.4s ease 0s;
}
.news_tuijian dl dd a span {
    display: block;
    font-size: 16px;
    color: rgb(51, 51, 51);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0px;
    transition: all 0.4s ease 0s;
}
.news_tuijian dl dd a p {
    color: rgb(153, 153, 153);
    font-size: 14px;
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

.title-time .imgBox {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.title-time .imgBox img{width: 100%;}
.guanjian{ overflow: hidden; padding-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center;}
.guanjian a{background-color: #f2f2f2;border-radius: 3px;color: #666;margin:0 5px;font-size: 13px;padding: 4px 4px;text-align: center;margin-top: 10px;min-width: 46px;}
.guanjian a:hover{color:#e23333; background-color:#e2333324;}
.news_tuijian .imgBox{width:100%;overflow:hidden;}
.news_tuijian .imgBox img{width:100%;}
.e_box .p_OccupyBox{
    margin: 0 auto;
    padding-bottom: 20px;
    display: inline-block;
}
.e_box .p_OccupyBox li{
    margin:5px 2px;
    background:#fff;
    padding:3px 10px;
    white-space:nowrap;
    display: inline-block;
    border:1px solid #ececec;
}
.e_box .p_OccupyBox li.active{
    background:#bf0608;

}
.e_box .p_OccupyBox li.active a{
    color:#fff;
}
.e_box .p_OccupyBox li:hover{
    background:#d84141;
}
.e_box .p_OccupyBox li:hover a{
    color:#fff;
}
.page{width:100%;
    text-align:center;
}



.x-comys {
    padding:64px 0 77px;
    background: url(../images/ysbg.jpg)center no-repeat;
}
.comys-list{
    padding-top: 45px;
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
.comys-item{
    float:left;
    width: 300px;
    transition: all 1s;
    margin-right: 1+6px;
}
.comys-item:last-child{
    margin-right: 0px;
}
.comys-item .con{
    background: #fff;
    width: 100%;
    padding:67px 22px 0;
    text-align: center;
    height: 222px;
    position: relative;
}
.comys-item .con .pic{
    width: 88px;
    height: 88px;
    line-height: 88px;
    top:-43px;
    left:0;
    right: 0;
    position: absolute;
    background: #fff;
    border-radius: 100%;
    margin: 0px auto;
    box-shadow: 0 0 5px #e8e8e8;
}
.comys-item .con .pic img{
    transition: all 1s linear;
}
.comys-item .con h3{
    color:#333;
}
.comys-item .con p{
    padding-top:20px;
    color:#666;
    font-size: 16px;
    line-height: 1.75;
}
.comys-item:hover{
    transform: translateY(-5px);
}
.comys-item:hover .pic img{
    transform: rotate(360deg);
}
.h-company{
    background: #f9f9f9;
    padding:50px 0 55px;
}

.x-company-list{
    margin-top:35px;
    position: relative;
}
.x-company-item{
    position: relative;
    text-align: center;
    width: 100%;
    border: 1px solid #ededed;
    font-size: 0;
}
.x-company-item  img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.x-company-item p{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 0%;
    transition:all .6s;
    color:#fff;
    font-size: 14px;
    background: rgba(20,58,133, .8);
}
.x-company-item:hover p{
    height: 100%;
    padding-top:44px;
}
.x-company-list .owl-carousel .owl-nav button{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 0;
    outline: none;
}
.x-company-list .owl-carousel .owl-nav button.owl-prev{
    background: url(../images/coml.png);
    position: absolute;
    top:32px;
    left:-76px;
    transition: all .6s;
}
.x-company-list .owl-carousel .owl-nav button.owl-prev:hover{
    background: url(../images/coml1.png);
}
.x-company-list .owl-carousel .owl-nav button.owl-next{
    background: url(../images/comr.png);
    position: absolute;
    top:32px;
    right:-76px;
    transition: all .6s;
}
.x-company-list .owl-carousel .owl-nav button.owl-next:hover{
    background: url(../images/comr1.png);
}
.x-company-list .owl-carousel .owl-nav.disabled{
    display: block;
}
.n-default .n-invalid {
    border-color: #143a85 !important;
}

.n-default .msg-wrap {
    top: 8px;
    right: 5px;
    margin-left: 0;
}

.n-default .x-textarea .msg-wrap {
    top: 65px;
}