@charset "utf-8"; 

@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 100;
  src: url(../font/Roboto-Thin.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Roboto-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Roboto-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 500;
  src: url(../font/Roboto-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Roboto-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'roboto_n';
  font-style: normal;
  font-weight: 900;
  src: url(../font/Roboto-Black.woff2) format('woff2');
}
@font-face {
  font-family: 'poppins_n';
  font-style: normal;
  font-weight: 900;
  src: url(../font/Poppins-Regular.woff2) format('woff2');
}

body {
    FONT-SIZE: 14px;
    margin: 0px;
    padding: 0px;
    font-family: 'roboto_n',"微软雅黑";
    color: #444;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    overflow-x: hidden;
    box-sizing: border-box;
}

* {
    font-family: 'roboto_n',"微软雅黑";
}

ul,li {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.center {
    width: 1400px;
    margin: 0 auto
}

h1,h2,h3,h4,h5,p {
    margin: 0 0;
    padding: 0 0;
    font-weight: normal;
}

.ctrl span {
    float: left;
    cursor: pointer;
}

input,textarea,select {
    outline: none;
    font-family: inherit;
}

img {
    border: none;
    display: block;
}

.cursor_pointer {
    cursor: pointer;
}

button {
    width: 65px;
    height: 43px;
    background: #194e9d;
    border: none;
}

.float_l {
    float: left;
}

.float_r {
    float: right;
}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clear {
    clear: both;
}

::-webkit-scrollbar  
{  
    width: 10px;  
    height: 10px;  
    background-color: #fff;  
}  
::-webkit-scrollbar-track  
{  
    background-color: #e5e5e5;  
}    
::-webkit-scrollbar-thumb  
{  
    background-color: #bdbdbd;  
}  
::-webkit-scrollbar-thumb:hover
{
    background: #194e9d;
}


.sr-bdimgshare .bdimgshare-content {
    display: none;
}

.sr-bdimgshare-black .bdimgshare-bg {
    display: none;
}

select::-ms-expand {
    display: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.more {
    display: block;
    background-color: #194e9d;
    width: 174px;
    line-height: 44px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.more span {
    display: block;
    padding: 0 15px 0 30px;
    font-size: 16px;
    position: relative;
    z-index: 1;
}
.more:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 37px;
    content: "";
    height: 0;
    border-bottom: 44px solid #25a470;
    border-left: 20px solid transparent;
    -webkit-transition: ease all .4s;
    transition: ease all .4s;
}
.more:hover:after {
    width: 100%;
}
.more span i {
    float: right;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: 42px;
}
.more_white{
    background: #fff;
    color: #194e9d;
    transition: all ease 0.4s;
}
.more_white:hover{
    color: #fff;
}
.more_white:after{
    border-bottom-color: #194e9d;
}
.more_white span i{
    color: #fff;
}


.top_pc{
    border-top: 3px solid #194e9d;
}

.logo .center{
    position: relative;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.right.nav{
    display: flex;
}
.logo .center .right .nav_item{
    position: relative;
    z-index: 2;
}
.logo .center .right .nav_item > a{
    display: block;
    padding: 58px 18px 14px 18px;
    font-size: 17px;
    color: #333;
    position: relative;
    transition: all ease 0.4s;
}
.logo .center .right .nav_item.last-child > a{
    padding-right: 0;
}
.logo .center .right .nav_item:hover > a{
    color: #194e9d;
}
.logo .center .right .nav_item > a i{
    font-size: 14px;
    margin-left: 6px;
}
.logo .center .right .nav_item .child_nav{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    top: 110px;
    border-top: 3px #194e9d solid;
    transition: all ease 0.4s;
    box-shadow: 0px 2px 22px -4px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
}
.logo .center .right .nav_item .child_nav:after{
    content: "";
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 10px 8px 10px;
    border-color: transparent transparent #194e9d transparent;
}
.logo .center .right .nav_item:hover .child_nav{
    opacity: 1;
    visibility: visible;
    top: 100px;
}
.logo .center .right .nav_item .child_nav a{
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 12px 26px;
    min-width: 90px;
    transition: all 0.3s;
    color: #666;
    border-bottom: 1px #eaeaea solid;
}
.logo .center .right .nav_item .child_nav a:last-child{
    border: none;
}
.logo .center .right .nav_item .child_nav a:hover{
    background: #25a470;
    color: #fff;
}
.logo .center .language_box{
    position: absolute;
    right: 0;
    top: 22px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #777;
    z-index: 999;
    padding: 5px 12px;
    border: 1px #eaeaea solid;
}
.logo .center .language_box .language:last-child{
    margin-left: 10px;
    line-height: 0;
}
.logo .center .language_box i{
    margin-right: 6px;
}
.logo .center .language_box i:before{
    vertical-align: -0.17em;
}




.banner_pc .swiper-slide .img_cover{
    height: 580px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.banner_pc .swiper-pagination{
    bottom: 16px;
}

.sousuo {
    height: 85px;
    background: #f6f6f6;
}

.sousuo .renmen {
    width: calc(100% - 470px);
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    line-height: 85px;
    height: 85px;
    overflow: hidden;
}

.sousuo .renmen a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    color: #666666;
    padding: 0 13px;
}

.sousuo .right {
    width: 448px;
    height: 43px;
    margin-top: 20px;
    background: #fff;
    border: solid 1px #eaeaea;
}

.sousuo .right a {
    display: block;
    width: 47px;
    height: 43px;
    background: url("../image/sousuo_icon.png") center center no-repeat;
}

.sousuo .right input {
    width: calc(100% - 90px);
    border: none;
    padding: 0;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
    font-size: 15px;
    color: #888888;
}

.sousuo .right input::-webkit-input-placeholder {
    color: #888888;
}

.sousuo .right input::-moz-placeholder {
    color: #888888;
}

.sousuo .right input:-moz-placeholder {
    color: #888888;
}

.sousuo .right input:-ms-input-placeholder {
    color: #888888;
}

.foot_bottom {
    border-top: 1px rgba(255, 255, 255, 0.15) solid;
    line-height: 1.8;
    background: #333333;
    color: #aaaaaa;
    font-size: 14px;
    padding: 22px 0;
}
.foot_bottom .center{
    position: relative;
}


.foot {
    background: #333;
    padding: 60px 0;
}

.foot .float_l p{
    color: rgba(255,255,255,.8);
    line-height: 1.8;
}
.foot .float_l p i{
    margin-right: 8px;
}
.foot .float_l p.tit{
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 5px;
}

.foot .float_l p.tit2{
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    position: relative;
    margin-bottom: 44px;
}
.foot .float_l p.tit2:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 46px;
    background: #fff;
    width: 28px;
    height: 2px;
}
.foot .float_l.block_2{
    padding-left: 90px;
    margin-left: 90px;
    border-left: 1px rgba(255, 255, 255, 0.15) solid;
}
.foot .float_r img{
    width: 120px;
    margin-bottom: 5px;
}
.foot .float_r{
    text-align: center;
    color: rgba(255,255,255,.8);
}
#toTop{
    position: absolute;
    right: 0;
    opacity: 0.4;
    top: 14px;
    transition: all ease 0.4s;
}
#toTop:hover{
    opacity: 0.6;
}




.banner_pc .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.1);
    border: 2px #fff solid;
    opacity: 1;
}

.banner_pc .swiper-pagination-bullet-active {
    background: #194e9d;
}

.youshi {
    padding: 0 0 102px 0;
}

.biaoti p:nth-child(1) {
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    line-height: 62px;
    padding-top: 70px;
    text-align: center;
}

.biaoti p:nth-child(1) text {
    color: #194e9d;
}

.biaoti p:nth-child(2) {
    font-size: 16px;
    color: #aeacac;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url("../image/biaoti1.png") center center no-repeat;
}

.youshi .neigong {
    padding-top: 62px;
    display: flex;
    justify-content: space-between;
}

.youshi .neigong .vantage_item {
    width: calc(32% - 60px);
    padding: 0 30px;
    height: 207px;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #f3f3f3;
    text-align: center;
    border-radius: 10px;
}

.youshi .neigong .vantage_item:hover {
    background: #194e9d;
}

.youshi .neigong .vantage_item .text {
    font-size: 14px;
    color: #888888;
    line-height: 1.725;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}

.youshi .neigong .vantage_item:hover .text {
    color: #fff;
}

.youshi .neigong .vantage_item .shu {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: -22px;
    left: 50%;
    background: #194e9d;
    margin-left: -30px;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 30px;
    transition: all 0.3s ease-in-out;
}

.youshi .neigong .vantage_item:hover .shu {
    background: #25a470;
    transform: rotateY(180deg);
}

.youshi .neigong .vantage_item .bt {
    font-size: 24px;
    color: #333333;
    line-height: 64px;
    text-align: center;
    padding-top: 52px;
    transition: all 0.3s ease-in-out;
}

.youshi .neigong .vantage_item:hover .bt {
    color: #fff;
}

.index_product {
    background: #f6f6f6;
}


.index_product .pro_list{
    padding-top: 50px;
    padding-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.index_product .pro_list a {
    width: calc(25% - 15px);
    background: #fff;
    display: block;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    margin-right: 20px;
}
.index_product .pro_list a:nth-child(4n),
.index_product .pro_list a:last-child{
    margin-right: 0;
}
.index_product .pro_list a:hover:after {
    width: 100%;
}
.index_product .pro_list a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: rgba(37,164,112,1);
    height: 3px;
    width: 0%;
    -webkit-transition: width 1s;
    transition: width 0.4s ease;
}
.index_product .pro_list a .img_cover{
    width: 100%;
    padding-top: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}

.index_product .pro_list a .img_cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scale(1);
    transition: all ease 0.4s;
}
.index_product .pro_list a:hover .img_cover img {
    transform: scale(1.1);

}

.index_product .pro_list a .text {
    width: calc(100% - 80px);
    margin: auto;
    padding-bottom: 18px;
}
.index_product .pro_list a:hover .text p{
    color: #25a470;
}

.index_product .pro_list a .text p{
    transition: all ease 0.4s;
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 30px;
    height: 30px;
    padding-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}



.index_product {
    padding-bottom: 70px;
}
.index_product.inner {
    padding-bottom: 0;
}

.index_product .center {
    position: relative;
}

.page_img1 {
    position: relative;
    width: 100%;
    height: 284px;
    background: url("../image/vantage_banner.jpg") center center no-repeat;
    background-size: cover;
}
.page_img1 .more{
    position: absolute;
    bottom: 68px;
    left: 50%;
    margin-left: 450px;
}



.reason {
    height: 929px;
    background: #f3f3f3;
}

.reason .biaoti {
    height: 341px;
    background: url("../image/reason.png") top center no-repeat;
}

.reason .biaoti p:nth-child(1) {
    font-size: 40px;
    color: #fff;
}

.reason .biaoti p:nth-child(1) text {
    font-size: 40px;
    color: #fdde0f;
}

.reason .biaoti p:nth-child(2) {
    color: #fff;
    background: url("../image/biaoti2.png") center center no-repeat;
}

.reason .preview {
    width: 100%;
    height: 234px;
    background: #ffffff;
    position: relative;
    margin-top: -118px;
}

.reason .preview .swiper-slide {
    width: calc(25% - 1px);
    height: 234px;
    cursor: pointer;
    position: relative;
    border-left: solid 1px #eeeeee;
}

.reason .preview .swiper-slide .h6 {
    font-size: 24px;
    color: #333333;
    line-height: 47px;
    padding-top: 61px;
    text-align: center;
}

.reason .preview .swiper-slide p {
    font-size: 16px;
    color: #888888;
    line-height: 29px;
    text-align: center;
}

.reason .preview .swiper-slide .xian {
    width: 26px;
    height: 1px;
    background: #c9c9c9;
    margin: auto;
    margin-top: 42px;
    opacity: 1;
    /* transition:all 0.3s ease-in-out; */
}

.reason .preview .swiper-slide:hover .xian {
    opacity: 0;
}

.reason .preview .swiper-slide .img {
    position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    background: url("../image/reason_icon.png") center center no-repeat;
}

.reason .preview .swiper-slide:hover .img {
    opacity: 1;
}

.reason .preview .active-nav .img {
    opacity: 1;
}

.reason .preview .active-nav .xian {
    opacity: 0;
}

.reason .view .swiper-slide {
    padding: 0 87px;
    width: calc(100% - 174px) !important;
}

.reason .view .right {
    width: 558px;
    height: 234px;
    margin-top: 88px;
    position: relative;
}

.reason .view .right .view_icon {
    position: absolute;
    top: -7px;
    right: 30px;
}

.reason .view .left {
    width: 570px;
    padding-top: 15px;
}

.reason .view .left .shi .zi {
    font-size: 66px;
    color: #25a470;
    line-height: 116px;
    font-weight: 600;
}

.reason .view .left .shi .xian {
    width: 35px;
    height: 2px;
    margin-top: 68px;
    background: #25a470;
}

.reason .view .left .bt {
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.reason .view .left .bt text {
    font-size: 36px;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
}

.reason .view .left .text {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: justify;
}

.reason .swiper-pagination-reason {
    text-align: center;
    margin-top: 64px;
}

.reason .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: url("../image/reason_dian1.png") center center no-repeat;
    opacity: 1;
}

.reason .swiper-pagination-bullet-active {
    opacity: 1;
    background: url("../image/reason_dian2.png") center center no-repeat;
}

.view .arrow-left {
    background: url("../image/reason_l1.png") no-repeat center center;
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-left: -73px;
    transition: all 0.3s ease-in-out;
}

.view .arrow-left:hover {
    background: url("../image/reason_l2.png") no-repeat center center;
}

.view .arrow-right {
    background: url("../image/reason_r1.png") no-repeat center center;
    position: absolute;
    right: 50%;
    bottom: 4px;
    width: 6px;
    height: 11px;
    z-index: 10;
    margin-right: -73px;
    transition: all 0.3s ease-in-out;
}

.view .arrow-right:hover {
    background: url("../image/reason_r2.png") no-repeat center center;
}

.index_about {
    padding-bottom: 80px;
}

.index_about .label_page {
    position: relative;
}

.index_about .label_page .label_page_each .about_text {
    width: calc(50% - 120px);
}

.index_about .label_page .label_page_each .about_text .bt {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 30px;
}
.index_about .label_page .label_page_each .about_text .bt:first-child {
    margin-bottom: 10px;
    margin-top: 40px;
}

.index_about .label_page .label_page_each .about_text .p {
    font-size: 15px;
    color: #777;
    line-height: 1.8;
    text-align: justify;
    overflow: hidden;
}
.index_about .label_page .label_page_each .about_text .about_cer {
    margin-top: 20px;
}


.index_about .label_page .label_page_each .about_img {
    position: relative;
    width: calc(50% - 32px);
    padding: 16px;
}

.index_about .label_page .label_page_each .about_img:before,
.index_about .label_page .label_page_each .about_img:after{
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
}

.index_about .label_page .label_page_each .about_img:before{
    left: 0;
    top: 0;
    background: #194e9d;
}

.index_about .label_page .label_page_each .about_img:after{
    right: 0;
    bottom: 0;
    background: #25a470;
}
.index_about .label_page .label_page_each .about_img img{
    width: 100%;
}
.index_about .label_page .label_page_each .about_img .about_icon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

.index_about .label_page .label_page_each {
    padding-top: 60px;
}

.index_about .biaoti p:nth-child(1) {
    padding-top: 70px;
}

.index_about .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    opacity: 1;
}

.index_about .swiper-pagination-bullet-active {
    opacity: 1;
}

.index_about .swiper-pagination{
    width: auto;
    transform: translateX(-50%);
    left: 50%;
/*    background: rgba(0,0,0,.5);*/
    border-radius: 20px;
    padding: 4px 16px;
    bottom: 20px;
}
.index_about .swiper-pagination span{
    background: #fff;
    opacity: 0.4;
    outline: none;
}
.index_about .swiper-pagination span.swiper-pagination-bullet-active{
    opacity: 1;
}

.index_about .label_page .label_nav {
    position: absolute;
    bottom: 0;
    left: 0;
}

.index_about .label_page h4 {
    width: 240px;
    height: 69px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 69px;
    background: #194e9d;
    margin-right: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.index_about .label_page h4:hover {
    background: #25a470;
}

.index_about .label_page .on {
    background: #25a470;
}

.shuzi_gd {
    height: 234px;
    text-align: center;
    background: url("../image/shuzi_gd.jpg") center center no-repeat;
}

.shuzi_gd .float_l {
    width: calc(25% - 1px);
    height: 97px;
    margin-top: 74px;
    border-right: solid 1px #eeeeee;
}

.shuzi_gd .float_l:nth-child(1) {
    width: calc(25% - 2px);
    border-left: solid 1px #eeeeee;
}

.shuzi_gd .float_l .counter {
    display: inline-table;
    font-size: 60px;
    color: #ffffff;
    line-height: 53px;
    padding: 0 35px;
    margin-bottom: 18px;
}

.shuzi_gd .float_l p {
    font-size: 16px;
    color: #ffffff;
}

.shuzi_gd .float_l:nth-child(1) .counter {
    background: url("../image/counter1.png") right top no-repeat;
}

.shuzi_gd .float_l:nth-child(2) .counter {
    background: url("../image/counter2.png") right top no-repeat;
}

.shuzi_gd .float_l:nth-child(3) .counter {
    background: url("../image/counter3.png") right top no-repeat;
}

.shuzi_gd .float_l:nth-child(4) .counter {
    background: url("../image/counter4.png") right top no-repeat;
}

.index_news {
    padding-bottom: 60px;
    background: #f6f6f6;
}

.index_news .news_l {
    width: calc(50% - 36px);
}

.index_news .news_r {
    width: calc(50% - 36px);
}

.index_news .news {
    padding: 58px 0 50px 0;
}

.index_news .news_l .first {
    display: block;
    border-bottom: dashed 1px #bbbbbb;
}

.index_news .news_l .first .img {
    overflow: hidden;
}

.index_news .news_l .first .img img {
    width: 100%;
    height: 262px;
    transition: all 0.3s ease-in-out;
}

.index_news .news_l .first:hover .img img {
    transform: scale(1.1);
}

.index_news .news_l .first .jianjie {
    padding: 18px 0 26px 0;
}

.index_news .news_l .first .jianjie .xian {
    width: 15px;
    height: 2px;
    background: #194e9d;
    margin-top: 42px;
    margin-left: 6px;
    margin-right: 5px;
}

.index_news .news_l .first .jianjie .text {
    width: calc(100% - 36px);
}

.index_news .news_l .first .jianjie .text .biaoti .bt {
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    width: calc(100% - 130px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all 0.3s ease-in-out;
}

.index_news .news_l .first:hover .jianjie .text .biaoti .bt {
    color: #194e9d;
}

.index_news .news_l .first .jianjie .text .biaoti .sj {
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}

.index_news .news_l .first .jianjie .text .biaoti .xq {
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index_news .news_l .list_news .each .border {
    width: 15px;
    height: 2px;
    background: #194e9d;
    margin-top: 20px;
    margin-left: 6px;
    margin-right: 8px;
}

.index_news .news_l .list_news .each .p {
    font-size: 16px;
    color: #333333;
    line-height: 38px;
    width: calc(100% - 130px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all 0.3s ease-in-out;
}

.index_news .news_l .list_news .each:hover .p {
    color: #194e9d;
}

.index_news .news_l .list_news .each .shijian {
    font-size: 16px;
    color: #333333;
    line-height: 38px;
}

.index_news .news_l .list_news {
    padding: 16px 0;
}

.index_news .news_r .each {
    display: block;
    padding: 28px 0;
    border-bottom: dashed 1px #bbbbbb;
}

.index_news .news_r .each:nth-child(1) {
    padding-top: 0;
}

.index_news .news_r .each .img {
    overflow: hidden;
}

.index_news .news_r .each img {
    width: 194px;
    transition: all 0.3s ease-in-out;
}

.index_news .news_r .each:hover img {
    transform: scale(1.1);
}

.index_news .news_r .each .text {
    width: calc(100% - 220px);
    margin-left: 25px;
    padding-top: 10px;
}

.index_news .news_r .each .text .bt {
    width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    color: #333333;
    line-height: 46px;
    height: 46px;
    transition: all 0.3s ease-in-out;
}

.index_news .news_r .each:hover .text .bt {
    color: #194e9d;
}

.index_news .news_r .each .text .rq {
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}

.index_news .news_r .each .text .p {
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.banner_pc .banner_img_ny {
    height: 350px;
}

.neiye .sousuo {
    position: relative;
    z-index: 2;
    box-shadow: 0px 6px 12.09px 0.91px rgba(0, 0, 0, 0.03);
}

.position {
    background: #f6f6f6;
}

.position .bt {
    padding-top: 44px;
    padding-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.position .bt .right {
    font-size: 14px;
    color: #888888;
}
.position .bt .right i:before{
    vertical-align: -0.1em;
}

.position .p {
    line-height: 34px;
    background: url("../image/neiye_icon2.png") center right no-repeat;
    margin-bottom: 20px;
}

.index_product .fenlei {
    margin-bottom: 0;
}
.index_product .fenlei a {
    float: left;
    padding: 0 40px;
    display: inline-block;
    width: auto;
    height: 52px;
    background: #ffffff;
    font-size: 16px;
    color: #333333;
    margin: 0 5px;
    text-align: center;
    line-height: 52px;
    transition: all 0.3s ease-in-out;
}
.index_product .fenlei a:hover,
.index_product .fenlei a.current {
    color: #fff;
    background: #194e9d;
}

.neiye .index_product .swiper-slide a {
    margin-bottom: 23px;
}

.fanye {
    text-align: center;
}

.fanye .pagebar {
    display: inline-flex;
}

.fanye .pagebar a {
    display: block;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    background: #fff;
    margin: 0 4px;
    font-size: 16px;
    color: #333333;
    transition: all 0.3s ease-in-out;
}

.fanye .pagebar a:hover {
    color: #fff;
    background: #194e9d;
}

.fanye .pagebar .xuanzhong {
    color: #fff;
    background: #194e9d;
}

.neiye .index_product {
    /* padding-bottom: 78px; */
}

.neiye .index_product .swiper-slide {
    padding-bottom: 40px;
}

.white_bj {
    background: #f6f6f6;
}

.white_bj .position {
    background: #f6f6f6;
}

.list_show_html .sousuo {
    box-shadow: none
}

.white_bj .single_html .bt {
    text-align: center;
    font-size: 30px;
    color: #333333;
    font-weight: 600;
    line-height: 66px;
    padding-top: 56px;
    margin-bottom: 26px;
}

.white_bj .single_html .text {
}

.white_bj .single_html .text p {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-align: justify;
}

.white_bj .single_html .text img {
    width: 100%;
    display: block;
    margin: 30px 0;
}

.single_html {
    padding-bottom: 80px;
}

.single_html .center {
    line-height: 1.8;
    font-size: 16px;
}

.list_show_html .left {
    width: 72%;
}

.list_show_html .position .center {
}

.list_show_html .list_show .bt {
    padding-top: 30px;
    padding-bottom: 16px;
    text-align: center;
}

.list_show_html .list_show .bt .p {
    font-size: 32px;
    color: #333333;
    line-height: 1.8;
}

.list_show_html .list_show .bt .pagebar {
    display: inline-flex;
}

.list_show_html .list_show .bt .pagebar div {
    font-size: 14px;
    color: #888888;
    line-height: 44px;
    margin: 0 16px;
}

.xiangqing{
    display: block;
    padding: 12px 60px;
    background: #666;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 40px;
}
.list_show_html .list_show .text {
    border-top: solid 1px #dedfdf;
    border-bottom: solid 1px #dedfdf;
    padding: 30px 0;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 20px;
}

.list_show_html .list_show .text p {
}

.list_show_html .list_show .text img {
    width: 100%;
    display: block;
    margin: 30px 0;
}

.list_show_html .list_show .diehaun {
    padding-bottom: 66px;
}

.list_show_html .list_show .diehaun a {
    display: block;
    width: calc(45% - 75px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    height: 82px;
    line-height: 82px;
    font-size: 16px;
    color: #333333;
}

.list_show_html .list_show .diehaun .float_l {
    padding-left: 75px;
    background: url("../image/list_l.jpg") left 22px center no-repeat;
}

.list_show_html .list_show .diehaun .float_r {
    padding-right: 75px;
    text-align: right;
    background: url("../image/list_r.jpg") right 22px center no-repeat;
}

.list_show_html .right_nav {
    width: 20%;
    padding-top: 30px;
    padding-bottom: 86px;
}

.list_show_html .right_nav .title_r {
    font-size: 22px;
    color: #333333;
    line-height: 1;
    padding-left: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
}
.list_show_html .right_nav .title_r.title_r2{
    margin-top: 40px;
}
.list_show_html .right_nav .title_r:before{
    content: "";
    display: block;
    width: 4px;
    height: 1em;
    position: absolute;
    left: 0;
    top: 0;
    background: #194e9d;
}

.list_show_html .right_nav .list_r a {
    display: block;
    width: calc(100% - 42px);
    padding: 0 20px;
    border: solid 1px #dedfdf;
    height: 54px;
    line-height: 54px;
    border-top: none;
    text-align: center;
    font-size: 16px;
    color: #333333;
    background: #fff;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.list_show_html .right_nav .list_r a:hover {
    color: #fff;
    background: #194e9d;
    border: solid 1px #194e9d;
    border-top: none;
}

.list_show_html .right_nav .list_r a:nth-child(1) {
    border-top: solid 1px #dedfdf;
}

.list_show_html .right_nav .list_r a:nth-child(1):hover {
    border-top: solid 1px #194e9d;
}

.list_show_html .right_nav .list_p {
    border: solid 1px #dedfdf;
    padding: 20px 0;
    background: #fff;
}

.list_show_html .right_nav .list_p p {
    width: calc(100% - 42px);
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
    color: #333333;
    background: #fff;
}

.list_show_html .right_nav .list_r2 a {
    display: block;
    width: calc(100% - 42px);
    padding: 14px 20px;
    border: solid 1px #dedfdf;
    line-height: 1.6;
    border-top: none;
    font-size: 14px;
    color: #333333;
    background: #fff;
    transition: all 0.3s ease-in-out;
    float: left;
}
.list_show_html .right_nav .list_r2 a .date{
    color: #888888;
    margin-top: 4px;
    transition: all ease 0.4s;
}

.list_show_html .right_nav .list_r2 a:hover {
    color: #fff;
    background: #194e9d;
    border: solid 1px #194e9d;
    border-top: none;
}
.list_show_html .right_nav .list_r2 a:hover .date{
    color: #fff;
}

.list_show_html .right_nav .list_r2 a:nth-child(1) {
    border-top: solid 1px #dedfdf;
}

.list_show_html .right_nav .list_r2 a:nth-child(1):hover {
    border-top: solid 1px #194e9d;
}

.show_html .position .center {
    width: 1400px;
}

.product_show {
    padding-bottom: 82px;
    background: #f6f6f6;
    padding-top: 45px;
}

.product_show .pc-slide .view {
    width: 537px;
}

.product_show .view .swiper-container {
    width: 537px;
    height: 537px;
}

.product_show .view .swiper-container img {
    width: 537px;
    height: 537px;
}

.product_show .preview {
    width: calc(100% - 624px);
    position: relative;
}

.product_show .preview .product_text .title .name {
    font-size: 30px;
    color: #333333;
    line-height: 66px;
    height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.product_show .preview .product_text .title .time {
    font-size: 14px;
    color: #888888;
    line-height: 36px;
    height: 36px;
    padding-bottom: 15px;
    border-bottom: solid 1px #eeeeee;
}

.product_show .preview .product_text .title .time span {
    margin: 0 30px;
}

.product_show .preview .product_text .text {
    font-size: 15px;
    color: #333333;
    line-height: 2;
    padding: 22px 10px 42px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.product_show .preview .bt {
    font-size: 18px;
    color: #333333;
    line-height: 66px;
    margin-top: 35px;
}

.product_show .preview .swiper-container {
    width: calc(100% - 236px);
    margin-left: 0;
}

.product_show .preview .swiper-slide {
    width: 172px;
    height: 172px;
    cursor: pointer;
    margin-right: 8px;
}

.product_show .preview .swiper-slide img {
    width: 172px;
    height: 172px;
}

.product_show .preview .arrow-left {
    position: absolute;
    right: 22px;
    bottom: 117px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #194e9d;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition: all 0.3s ease-in-out;
}

.product_show .preview .arrow-left:hover {
    color: #fff;
    background: #fda30f;
}

.product_show .preview .arrow-right {
    position: absolute;
    right: 22px;
    bottom: 52px;
    width: 177px;
    height: 55px;
    z-index: 10;
    text-align: center;
    background: #194e9d;
    font-size: 16px;
    color: #ffffff;
    line-height: 55px;
    transition: all 0.3s ease-in-out;
}

.product_show .preview .arrow-right:hover {
    color: #fff;
    background: #fda30f;
}


.show_html .text {
    border-top: solid 1px #dedfdf !important;
}

.news_list {
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news_list .news_item {
    display: block;
    width: calc(50% - 79px);
    padding: 0 32px;
    background: #fff;
    margin-top: 28px;
}
.inner_news .news_list .news_item:nth-child(1),
.inner_news .news_list .news_item:nth-child(2){
    margin-top: 0;
}

.news_list .news_item .bt {
    padding-top: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

.news_list .news_item .bt .p {
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: calc(100% - 40px);
    height: 42px;
    line-height: 42px;
}
.news_list .news_item:hover .bt .p a{
    color: #194e9d;
}

.news_list .news_item .bt .border {
    height: 3px;
    width: 0px;
    background: #194e9d;
    margin-top: 22px;
    margin-right: 0px;
    transition: all 0.3s ease-in-out;
}

.news_list .news_item:hover .bt .border {
    width: 17px;
    margin-right: 12px;
}

.news_list .news_item .text {
    font-size: 14px;
    color: #888888;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
    margin-bottom: 5px;
}

.news_list .news_item .time .float_l {
    font-size: 14px;
    color: #888888;
    line-height: 32px;
    height: 32px;
    margin-right: 20px;
}
.news_list .news_item .time .float_l i{
    margin-right: 6px;
}

.news_list .news_item .time .float_l {
}

.news_list .news_item .button_xq {
    line-height: 44px;
    height: 44px;
    font-size: 16px;
    color: #333333;
    transition: all 0.4s ease-in-out;
    padding-bottom: 18px;
}
.news_list .news_item .button_xq i {
    margin-left: 10px;
}

.news_list .news_item:hover .button_xq {
    color: #194e9d;
}

.box_shadow .sousuo {
    box-shadow: none
}

.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both
}

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #333;
    border: 1px solid #333;
}

.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.pagination .st {
    font-family: 宋体
}

.text-secondary {
    text-align: center;
    padding: 20px 0
}

#DetailedSpan img {
    max-width: 100% !important;
    height: auto !important
}

#imgsy img {
    max-width: 100% !important;
    height: auto !important
}

#maximg img {
    max-width: 100%;
    height: auto !important
}

#maximg {
    padding-top: 20px
}


.index_honor{
    position: relative;
}
.index_cer_box{
    margin-bottom: 100px;
    box-sizing: border-box;
}
.index_cer_box *{
    box-sizing: border-box;
}
.index_cer_box .swiper-slide a p{
    text-align: center;
    margin-top: 8px;
}
.index_cer_box .swiper-slide:hover a p{
    color: #194e9d;
}
.index_cer_box .swiper-container-cer .img_cover{
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 140%;
    position: relative;
    border: 5px solid #f2f2f2;
    transition: all ease 0.4s;
}
.index_cer_box .swiper-container-cer .swiper-slide:hover .img_cover{
    border-color: #194e9d;
}
.index_cer_box .swiper-container-cer .img_cover img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index_cer_box .swiper-button-next-cer,
.index_cer_box .swiper-button-prev-cer{
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.4);
    text-align: center;
    line-height: 54px;
    color: #fff;
    transition: all ease 0.4s;
}
.index_cer_box .swiper-button-next-cer:hover,
.index_cer_box .swiper-button-prev-cer:hover{
    background: rgba(0,0,0,.6);
}
.index_cer_box .swiper-button-next-cer:after,
.index_cer_box .swiper-button-prev-cer:after{
    font-size: 20px;
}
.index_cer_box .swiper-button-next-cer{
    left: 50%;
    right: auto;
    margin-left: 720px;
}
.index_cer_box .swiper-button-prev-cer{
    left: auto;
    right: 50%;
    margin-right: 720px;
}



.banner_inner.banner_about{
    background-image: url(../image/banner_about.jpg);
}
.banner_inner.banner_qua{
    background-image: url(../image/banner_qua.jpg);
}
.banner_inner.banner_cp{
    background-image: url(../image/banner_cp.jpg);
}
.banner_inner.banner_news{
    background-image: url(../image/banner_news.jpg);
}
.banner_inner.banner_mes{
    background-image: url(../image/banner_mes.jpg);
}
.banner_inner.banner_con{
    background-image: url(../image/banner_con.jpg);
}
.banner_inner{
    height: 350px;
    background-position: center;
    background-size: cover;
}
.banner_inner .center{
    display: flex;
    height: 100%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.banner_inner .center h2{
    color: #fff;
    font-size: 46px;
    position: relative;
}
.banner_inner .center h3{
    font-size: 26px;
    color: #fff;
    margin-top: 4px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.single_html.about #maximg{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding-top: 0;
}
.single_html.about.contact #maximg{
    background: transparent;
}
.single_html.about #maximg .left_text{
    width: 42%;
    padding-left: 60px;
    text-align: justify;
}

.single_html.about #maximg .right_image{
    width: 50%;
}
.single_html.about.contact #maximg .right_image{
    width: 60%;
}

/*翻页-简易样式*/
.pagelist{
    width: 100%;
    text-align: center;
}
.pagelist #pege li{
    list-style: none;
    display: inline-block;
    margin: 0px 2px;
    border: 1px #dcdcdc solid;
    color: #898989;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    line-height: 40px;
    background: #f9f9f9;
    overflow: hidden;
    font-size: 14px;
}
.pagelist #pege li:last-child,
.pagelist #pege li:first-child{
    font-family: 'poppins_n';
}
.pagelist #pege li:last-child *,
.pagelist #pege li:first-child *{
    font-family: 'poppins_n';
}
.pagelist #pege li a{
    display: block;
    width: 100%;
    height: 100%; 
    transition: all ease 0.5s;
    color: #333;
    background-color: #fff;
    line-height: 40px;
}
.pagelist #pege li a:hover{
    background: #25a470;
    color: #fff;
}

.fac_list{
    display: flex;
    flex-wrap: wrap;
}
.fac_list:after {
    content: "";
    flex: auto;
}
.fac_list a{
    width: 24%;
    display: block;
    margin-right: 1.33%;
    margin-bottom: 20px;
}
.fac_list.honor a{
    width: calc(23% - 40px);
    margin-right: 2.666%;
    padding: 20px;
    transition: all ease 0.4s;
    background: #ededed;
    margin-bottom: 30px;
}
.fac_list.honor a:hover{
    color: #fff;
    background: #25a470;
}
.fac_list a:nth-child(4n){
    margin-right: 0;
}
.fac_list a .img_cover{
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-top: 75%;
    position: relative;
}
.fac_list.honor a .img_cover{
    padding-top: 133%;
}
.fac_list a .img_cover img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fac_list a .img_cover i{
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all ease 0.4s;
    opacity: 0;
}
.fac_list.honor a .img_cover i{
    background-color: rgba(0, 0, 0, 0.3);
}
.fac_list a:hover .img_cover i{
    opacity: 1;
}
.white_bj .single_html .fac_list a p{
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
    transition: all ease 0.4s;
}
.white_bj .single_html .fac_list.honor a:hover p{
    color: #fff;
}

.index_product.inner_list .pro_list{
    padding-top: 0;
}


.list_show_html .position .p{
    margin-bottom: 0;
}
.contact_box .large{
    font-size: 30px;
    margin-bottom: 30px;
}
.contact_box .more{
    margin-left: 0;
}

.page_change{
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.page_change p{
    width: 48%;
}
.page_change p:last-child{
    text-align: right;
}
.page_change a{
    transition: all ease 0.4s;
}
.page_change a:hover{
    color: #194e9d;
}


.jvzhong div{
    display: inline-block;
    margin: 0 8px;
    color: #666;
}



.lianxi_liuyan .foot_message .input{
    width: calc(33% - 9px);
    margin-bottom: 20px;
    margin-left: 20px;
}
.lianxi_liuyan .foot_message .input:nth-child(1){
    margin-left: 0;
}
.lianxi_liuyan .foot_message .input div{
    font-size: 16px;
    color: #000033;
    line-height: 48px;
    width: 52px;
}
.lianxi_liuyan .foot_message .input input{
    width: calc(100% - 82px);
    height: 46px;
    border: solid 1px #dfdfdf;
    font-size: 15px;
    color: #000033!important;
    padding: 0 14px;
    background: #fafafa;
}   
.lianxi_liuyan .foot_message .textarea{
    width: 100%;
    margin-bottom: 14px;
}
.lianxi_liuyan .foot_message .textarea div{
    font-size: 16px;
    color: #000033;
    line-height: 48px;
    width: 52px;
}
.lianxi_liuyan .foot_message .textarea textarea{
    width: calc(100% - 82px);
    min-height: 138px;
    border: solid 1px #dfdfdf;
    font-size: 15px;
    color: #000033!important;
    padding: 14px;
    background: #fafafa;
    resize: vertical;
}
#msgLeft_Btn_div{
    margin-left: 54px;
}
#msgLeft_Btn_div a{
    display: inline-block;
    padding: 10px 50px;
    color: #fff;
    cursor: pointer;
    background: #333;
    transition: all ease 0.4s;
}
#msgLeft_Btn_div a:hover{
    background: #194e9d;
}


.single_html.about.contact .left_text p{
    margin-bottom: 5px;
}
.single_html.about.contact .left_text p.tit{
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 1.2;
}
.single_html.about.contact .left_text p.tit:nth-child(1){
    margin-top: -10px;
}
.single_html.about.contact .left_text p.tit:nth-child(2){
    margin-bottom: 30px;
    position: relative;
}
.single_html.about.contact #maximg .left_text{
    padding-left: 40px;
}
.iframe_map{
    border: 10px #e6e6e6 solid;
    width: calc(100% - 20px);
    height: 520px;
}






.pro_inner{
    display: flex;
    justify-content: space-between;
    padding: 60px 0;
}

.pro_inner .pro_left{
    width: 20%;
}

.pro_inner .pro_left .tit{
    background: #333;
    color: #fff;
    font-size: 24px;
    padding: 30px 30px;
    border-top-left-radius: 30px;
}

.pro_inner .pro_left .tit i{
    margin-right: 8px;
}

.pro_inner .pro_right{
    width: 76%;
}

.pro_left{

}
.pro_nav{
    background: #fff;
}
.pro_nav li{
    border-bottom: #eaeaea 1px solid;
}
.pro_nav a{
    display: block;
    padding: 20px 30px;
    transition: all ease 0.4s;
}
.pro_nav a:hover{
    color: #fff;
    background: #194e9d;
}
.pro_nav a i{
    margin-right: 8px;
    color: rgba(0,0,0,0.3);
    transition: all ease 0.4s;
}
.pro_nav a:hover i{
    color: rgba(255, 255, 255, 0.3);
}
.pro_right .box_1{
    border-bottom: 1px #eaeaea solid;
    margin-bottom: 30px;
}
.pro_right .box_1 .left{
    font-size: 22px;
    position: relative;
    float: left;
    line-height: 93px;
    padding-left: 10px;
}
.pro_right .box_1 .left:before{
    content: "";
    display: block;
    width: 4px;
    height: 1em;
    top: 50%;
    transform: translateY(-50%);
    background: #194e9d;
    position: absolute;
    left: 0;
}
.pro_right .box_1 .right{
    color: #888;
    line-height: 93px;
    text-align: right;
}
.pro_right .box_1 .right i:before{
    vertical-align: -0.1em;    
}



.text_box,
.text_box p,
.text_box span{
    line-height: 1.8;
    font-size: 16px;
}

.text_box table{
    color: #666;
    font-size: 14px;
}

.text_box a{
    color: inherit;
}

.text_box img{
    max-width: 100%;
}




.link_box{
    margin-top: 28px;
}
.link_box img{
    float: right;
}
.link_box a{
    float: left;
    margin-top: 40px;
}