﻿*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
    color: #333;
}
body{
	font-family: "微软雅黑";
}

ul{
    list-style: none;
}

img{
    max-width: 100%;
}
.sbgaipro:nth-child(3n){
    margin-right: 0;
}
.sbgaipro{
    width: 32%;
    float: left;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 2%;
}
.sbgaipro img{
    border: 1px solid #ccc;
    transition: all 0.3s;
    cursor: pointer;
}
.sbgaipro .proz{
    height: 30px;
    background-color: #eee;
    line-height: 30px;
    overflow: hidden;
}
.sbgaipro .proz_l{
        float: left;
    font-weight: bold;
    background-image: url(../images/news_tb.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    margin-left: 7px;
}
.sbgaipro .proz_l a{
    color: #333333;
}
.sbgaipro .proz_r{
    float: right;
    margin-right: 7px;
}
.sbgaipro .proz_r a{
    color: #333333;
}

.sbgaipro img:hover{
    border: 1px solid #2971bd;
}









/*缓存*/
/*.myPhone{
    position: absolute;
    top: 108px;
    width: 301px;
    overflow: hidden;
    transform: translate(0,0);
    display: none;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
    transform: translate(0,10px);
    right: 0;
    z-index: 10;
}

.tel-bar {
    display: inline-block;
    background: #008DD5;
    color: #fff;
    padding: 2em 4em;
    text-align: center;
}

.tel-bar img {
    width: 4em;
    margin-bottom: 1em;
}

.tel-bar .tel-link {
    font-size: 2em;
    display: block;
    color: #fff!important;
}
.tel-bar p {
    display: inline-block;
    font-size: 0.9em;
    padding: 0.5em;
    line-height: 1;
    margin: auto;
    /* background-color: #34B7FB; */
/*}*/
.load_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
}

.load_box .loader_loader {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.loader_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  -webkit-animation-duration: 1.26s;
          animation-duration: 1.26s; }
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  -webkit-animation-duration: 0.43s;
          animation-duration: 0.43s; }
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  -webkit-animation-duration: 1.01s;
          animation-duration: 1.01s; }
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
  -webkit-animation-duration: 0.73s;
          animation-duration: 0.73s; }
.line-scale-party > div {
  background-color: #7aba1e;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }


/*end*/


/*头部*/
/*.headers{
    width: 100%;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 12;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.headers>div{
    max-width: 1310px;
    margin: auto;
    height: 129px;
}*/
.listheader{
    width: 100%;
}
.listheaders{
    max-width: 1220px;
    padding: 10px 0 0 10px;
    margin: auto;   
}




.listheaderLeft{
    float: left;
    height: 83px;
}
.listheaderLeft a{

}
.listheaderLeft a img{
    margin-top: 18px;
}

.listheaderpk{
    float: left;
    margin-left: 6%;
}
.listheaderpk>a{
    padding: 6px 16px;
    background: #eeeeee;
    display: block;
    border-radius: 8px;
    color: #333;
    transition: all 0.3s;
    margin-top: 26px;
}
.listheaderpk i {
    font-size: 14px;
    font-style: normal;
    margin: 0 .3em;
}
.listheaderpk>a:hover{
    background: #2e74b5;
    color: #fff;
}
.listheaderRight{
    width: 62%;
    /*position: relative;*/
    float: right;
    margin: auto;
}

.nas{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.nas>li{
    position: relative;
    width: 16.666%;
    height: 83px;
    line-height: 83px;
}

.nas>li>a{
    display: block;
    font-size: 16px;
    overflow: hidden;
    color: #110f0f;
    width: 100%;
    text-align: center;
    position: relative;
}
.nas>li>a img{
    margin-left: 1rem;
}
.navs{
    transition: 0.3s linear;

}
.nas>li:last-child>a{
    border: 0;
}
/*.nas>li:hover>a{
    color: #2e74b5;
}*/
/*.nas span{
    color: #ce9d59;
    display: block;
}
.nas>li>a:hover .navs{
    margin-top: -20px;
    transition: 0.3s linear;
}
*/





/**/
.clear {
    clear: both;
}

header .nav-btn {
    width: 45px;
    height: 34px;
    margin-top: 7px;
    position: relative;
}
.fl {
    float: left;
    display: inline;
}

header .nav-btn span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #068585;
    position: absolute;
    left: 0;
    top: 12px;
    transition: left 0.3s,top 0.3s;
}
header .nav-btn span.line1, header .nav-btn span.line3, header .nav-btn span.line3 {
    left: 15px;
}
header .nav-btn span.line2 {
    left: 30px;
    background: #e8921f;
}

header .logo {
    margin: 0 auto;
    width: 96px;
    display: block;
    padding-top: 1rem;
}
header .logo img {
    width: 100%;
}

header .nav-btn.hover span.line2{
    left: 12px;
}
header .nav-btn.hover span.line0{
    top: 0;
}
header .nav-btn.hover span.line1{
    top: 0;
    left: 24px;
}
header .nav-btn.hover span.line3{
    top: 24px;
    left: 0;
}
header .nav-btn.hover span.line4{
    top:24px;
    left:24px;
}

.headerphone{
    line-height: 100%;
    font-size: 18px;
    color: #2759a3;
    margin-left: 2rem;
    margin-top: 4.5rem;
}
.headerphone img{
    margin-left: 2.5rem;
    margin-right: 1rem;
}
.clear{
    clear: both;
}
.fr {
    float: right;
    display: inline;
}


.headers a.menu {
    display: block;
    width: 22px;
    float: left;
    z-index: 1;
    margin-top: 4.5rem;
}


.headers a.menu span:first-child {
    margin-top: 0;
}

.headers a.menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3f6db3;
    margin-top: 5px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.headers a.menu span:last-child {
    width: 12px;
}

.headers a.menu:hover span:nth-child(1) {
    width: 11px;
}
.headers a.menu:hover span:nth-child(2) {
    width: 18px;
}

.headers a.menu:hover span:nth-child(3) {
    width: 22px;
}

.listheaderpk:hover .nav_content_box{
    height: 269.6px;
}
.nas>li:hover .nav_content_box{
    height: 269.6px;
}

.transition05 {
}
.nav_content_box{
    position: absolute;
    top: 0;
    right: 0;
    height: 0;
    width: 100%;
    background-color: #f8f8f8;
    background-image: url(../images/pro_nav_bj.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 8;
    margin-top: 78px;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
    overflow: hidden;
}

.wrap {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.nav_content {
    width: 100%;
    color: #999999;
    background: transparent;
/*    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);*/
    overflow: hidden;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}


.nav_content.li_open {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.row {
    width: 101%;
    transition: .2s width ease;
    *zoom: 1;
}

.nav_content.Im_layer>ul>li {
    float: left;
    width: 33.333%;
    padding: 50px 0px;
}


.ysl_uni_btn_more {
    display: block;
    position: relative;
    padding-bottom: 10px;
    width: 100px;
    color: #2e74b5;
}





.nav_content.Im_layer .ysl_uni_btn_more {
    margin-left: 18%;
    font-size: 16px;
    color: #acacac;
    width: 50%;
    font-weight: bold;
    margin-bottom: 15px;
}


.ysl_uni_btn_more:before, .ysl_uni_btn_more:after {
    content: '';
    display: block;
    position: absolute;
}






.ysl_uni_btn_more:before {
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: 0.4;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #005bab;
}






.nav_content.Im_layer .ysl_uni_btn_more:before {
    background: #acacac;
}
.ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url(../images/ico.png);
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');
    vertical-align: middle;
}
.ico5_2 {
    background-position: -20px -80px;
}
.ysl_uni_btn_more .ico {
    margin-top: 4px;
}

.ysl_uni_btn_more:after {
    bottom: 0px;
    right: 80%;
    width: 30%;
    height: 1px;
    background: #fff;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
.nav_content.Im_layer .list_box {
    margin-bottom: 20px;
}


.nav_content.Im_layer .list_box a {
    display: block;
    font-size: 16px;
    color: #3e3e3e;
    padding: 4px 18%;
}


.nav_content.Im_layer>ul>li:hover{background:url(../images/pro_nav_hover_bj.png) no-repeat top center;}




.nav_content.Im_layer>ul>li:hover .ysl_uni_btn_more{color:#2e74b5;}
.nav_content.Im_layer>ul>li:hover .ysl_uni_btn_more:before{background:#2e74b5;}
.nav_content.Im_layer>ul>li:hover .ysl_uni_btn_more .ico{background-position: 0px -40px;}



.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more { color:#fff; }
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:after{background: #2e74b5; right:0;opacity:1;visibility:visible;}
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more:before{background:#2e74b5;}
.ysl_uni_btn_more_wrap:hover .ysl_uni_btn_more .ico{background-position:-20px -20px;}


















.search {

}
.search-box {
    width: 28%;
    position: fixed;
    right: 0;
    top: 150px;
    display: none;
    z-index: 10;
    right: 10%;
    background: #2e74b5;
    padding: 18px 2%;
}
.search-box .close {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../images/wel26.png) no-repeat center;
    background-size: 100%;
    margin-top: 2px;
    opacity: 1;
}
.search-box form {
    width: 76%;
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid rgba(255,255,255,.2);
}
.search-box form .text {
    font-size: 12px;
    color: #fff;
    border: none;
    background: none;
    padding: 0 28px 0 18px;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
}
.search-box form .submit {
    width: 14px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -15px;
    background: url(../images/wel25.png) no-repeat center;
    border: none;
}
.search-box form .text::-webkit-input-placeholder{
    color: #fff;
}
.search-box form .text:-moz-placeholder{
    color: #fff;
}
.search-box form .text::-moz-placeholder{
    color: #fff;
}
.search-box form .text:-ms-input-placeholder{
    color: #fff;
}
/*.clickPhone:hover .myPhone{
    opacity: 1;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
}*/
.nas>li .more{
    position: absolute;
    top: 78px;
    width: 200px;
    background-color: #f5f5f5;
    padding: 12px;
    z-index: 100;
    display: none;
    margin-left: -100px;
    left: 50%;
}
.nas>li .more a{
    display: block;
    color: #333;
	 border-bottom:1px solid #ccc;

    text-align: center;
    font-size: 14px;
    height: 41px;
    margin-bottom: 12px;
    line-height: 41px;
    transition: all 0.3s linear 0s;
}

.nas>li .more a:hover{
    color: #155a9b;
}

.jiejuemore{
    position: absolute;
    width: 800px;
    margin-left: -400px;
    z-index: 10;
    background: #f8f8f8;
    left: 50%;
    overflow: hidden;
    top: 82px;
    padding: 26px 0;
    display: none;
}

.jiejuemore .jiejuemoreLeft{
    float: left;
    width: 48%;
    padding: 0 36px;
    overflow: hidden;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_a{
    text-align: center;
    line-height: normal;
    margin-bottom: 12px;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_a a{
    color: #333;
    font-size: 16px;
    transition: all 0.3s;
    font-weight: 700;
}


.jiejuemore .jiejuemoreLeft .jiejuetouTop_b{
        line-height: normal;
    text-align: center;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_b a{
color: #333;
    font-size: 15px;
    transition: all 0.3s;
}


.jiejuemore .jiejuemoreLeft .jiejuetouTop_c{
    line-height: normal;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_c a{
    display: block;
    color: #333;
    line-height: 34px;
    font-size: 13px;
    transition: all 0.3s;
}

.jiejuemore .jiejuemoreLeft .jiejuetouTop_c a:hover{
    color: #2e74b5;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_b a:hover{
    color: #2e74b5;
}
.jiejuemore .jiejuemoreLeft .jiejuetouTop_a a:hover{
    color: #2e74b5;
}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}
.banner .bannerswiperpagination span.swiper-pagination-bullet-active{
    background: #2e74b5;
}

.home_a{
    max-width: 1200px;
    padding: 30px 24px;
    margin: auto;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: 0 0 13px #ccc;
    z-index: 10;
    margin-top: 30px;
    border-radius: 6px;
    margin-bottom: 43px; 
}
.home_anav{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 17px;
}
.home_anav a{
    height: 70px;
    background: #eeeeee;
    line-height: 70px;
    width: 48%;
    border-radius: 8px;
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    color: #645f5f;
    position: relative;
    margin-bottom: 26px;
    cursor: pointer;  
}
.home_anav a img{
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -16.5px;
    opacity: 0;
 
}
.home_anav a.on{
    background: #2e74b5;
    color: #fff;
}
.home_anav a.on img{
    opacity: 1;
}

.home_atext{
    width: 100%;
    overflow: hidden;
}

.home_atextbox{
    display: none;
    overflow: hidden;
    width: 100%;
}

.home_atextboxone{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home_atextboxone a{
    display: block;
    border: 1px solid #cecccc;
    width: 18%;
    text-align: center;
    height: 144px;
    color: #2e74b5;
    overflow: hidden;
    transition: all 0.3s;
}
.home_atextboxone a div{
    line-height: 95px;
    height: 95px;
    position: relative;
}
.home_atextboxone a div img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.home_atextboxone a div img:nth-child(1){
    z-index: 1;
}
.home_atextboxone a label{
    font-size: 18px;
    margin: 0;
}

.home_atextboxone a:hover{
    background: #2e74b5;
    color: #fff;
    border: 1px solid #2e74b5;
}

.home_atextboxone a:hover div img:nth-child(1){
    z-index: 0;
}



.home_atextboxtow{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home_atextboxtow a{
    display: block;
    border: 1px solid #cecccc;
    width: 48%;
    text-align: center;
    height: 144px;
    overflow: hidden;
    color: #2e74b5;
    transition: all 0.3s;
}
.home_atextboxtow a div{
    line-height: 95px;
    height: 95px;
    position: relative;
}
.home_atextboxtow a div img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.home_atextboxtow a div img:nth-child(1){
    z-index: 1;
}
.home_atextboxtow a label{
    font-size: 18px;
    margin: 0;
}


.home_atextboxtow a:hover{
    background: #A6CE3A;
    color: #fff;
    border: 1px solid #A6CE3A;
}

.home_atextboxtow a:hover div img:nth-child(1){
    z-index: 0;
}















.home_b{
    width: 100%;
    background: #f6f6f6;
    overflow: hidden;
}

.home_bTop{
    text-align: center;
    margin-top: 42px;
    margin-bottom: 57px;
}
.home_bTop label{
    font-size: 35px;
    color: #12100e;
    background: url(../images/8.png)center 0 no-repeat;
    background-position: center;
    display: block;
}
.home_bTop div{
    font-size: 16px;
    color: #0d0b0b;
}



.home_bs{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 64px;
}


.home_bsswiper{
    width: 100%;
}
.home_bsswiper a{
    display: block;
    overflow: hidden;
    background: #fff;
}
.home_bsswiper a .home_bsimg{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.home_bsswiper a:hover .home_bsimg img{
    transform: scale(1.1);
}
.home_bsswiper a .home_bsimg div{
    width: 102px;
    height: 120px;
    background: rgba(46,116,181,0.8);
    text-align: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 44px;
}

.home_bsswiper a .home_bsimg img{
    width: 100%;
    transition: all 0.3s;
}

.home_bsswiper a .home_bsimg span{
    font-size: 36px;
    line-height: 74px;
}

.home_bsswiper a .home_bsimg p{
    font-size: 18px;
}

.home_bsswiper a .home_bscenter{
    padding: 19px;
    padding-bottom: 35px;
    border-bottom: 1px solid #d5d5d5;
    overflow: hidden;
}
.home_bsswiper a .home_bscenter div{
    font-size: 16px;
    color: #191616;
}
.home_bsswiper a .home_bscenter p{
    margin: 0;
    color: #868686;
    margin-top: 10px;
    line-height: 25px;
}


.home_bsswiper a .home_bsbottom{
    padding: 0 19px;
    margin-top: 26px;
    margin-bottom: 40px;
    color: #6a6666;
    text-align: right;
    text-transform: uppercase;
    overflow: hidden;
}
.home_bsswiper a .home_bsbottom span{
    font-size: 16px;
    float: left;
}
.home_bsswiper a .home_bsbottom img{
    
}
.home_bboyy{
    width: 100%;
    overflow: hidden;
    position: relative; 
    text-align: center;
    margin-top: 60px;   
}

.home_bboyy .home_bsswiperpagination{
    display: inline-block;
    position: relative;
    margin: 0 47px;
}
.home_bboyy .home_bsswiperpagination span{
    width: 12px;
    height: 12px;
    border: 1px solid #000000;
    background: none;
    margin: 5px 5px;
}
.home_bboyy .home_bsswiperpagination span.swiper-pagination-bullet-active{
    background: #000000;  
}
.home_bboyy .home_bsswipernext{
    display: inline-block;
    position: relative;
    width: 39px;
    height: 21px;
    background: url(../images/4_03.jpg)center 0 no-repeat;
    margin-top: 0;
}
.home_bboyy .home_bsswiperprev{
    display: inline-block;
    position: relative;
    width: 39px;
    height: 21px;
    background: url(../images/5_03.jpg)center 0 no-repeat;
    margin-top: 0;
}


.bottom{
    width: 100%;
    background: #202932;
    overflow: hidden;
}

.bottoms{
    max-width: 1220px;
    padding: 42px 10px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.bottomsLeft{
    float: left;
    width: 63%;
    display: flex;
}
.bottomsLeft div:nth-child(3){
    border: 0;
    padding-left: 8%;
}
.bottomsLeft div:nth-child(2){
    width: 42%;
    padding-left: 10%;
}
.bottomsLeft div{
    min-height: 230px;
    border-right: 1px solid #6e6c6c;
    overflow: hidden;
    width: 20%;
}
.bottomsLeft div span{
    font-size: 17px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}
.bottomsLeft div a{
    color: #cecaca;
    display: block;
    margin-bottom: 11px;
}

.bottomsRight{
    float: right;
    width: 29%;
    overflow: hidden;
}
.bottomsRight img{

}

.allbottom{
    width: 100%;
    line-height: 74px;
    border-top: 1px solid #615d5d;
    overflow: hidden;
    color: #fff;
    text-align: center;
}

.allbottom a{
    color: #fff;
}


.listsearch{
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
}
.listsearchs{
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
    padding: 80px 0; 
}

.content-42323 .sear {
    padding: 25px 0 25px 10px;
    background: #eee;
}



.content-42323 .dib {
    -moz-inline-stack: inline-block;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 0 3px;
    border: 0;
    outline: none;
}
.content-42323 .sear_f {
    border: 1px solid #ccc;
    background-color: #fff;
    height: 30px;
}
.content-42323 .dib {
    padding: 0;
    outline: none;
}

.content-42323 .result {
    border-top: 1px solid #ddd;
    padding: 10px 10px 0;
    margin-top: 20px;
}
.content-42323 .result em{
    font-style: normal;
}

.content-42323 .submit {
    background-color: #fff;
    width: 60px;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 30px!important;
    vertical-align: -1px;
    outline: none;
}




.content-42323 .sear_f .inp {
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 5px;
    outline: none;
}


.content-42323 .sear_f .inp {
    line-height: 28px;
    border: none;
}



.content-42323 .sear_result li {
    margin-bottom: 10px;
    margin-top: 20px;
    list-style: none;
}



.content-42323 .sear_result .el {
    font-size: 14px;
    width: 100%;
}
.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.content-42323 .sear_result .type {
    color: #000;
    display: inline-block;
    padding: 0 1em;
    border-right: 1px solid #ddd;
    margin-right: 1em;
    font-weight: bold;
}


.content-42323 .sear_result a {
    color: #333;
}


.content-42323 .sear_result .p {
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}





















/**/
.listbanner{
    width: 100%;
    overflow: hidden;
	height:373px;
    position: relative;
    text-align: center;
    color: #fff;
    padding-top: 14rem;
}


.listbanner img{display:none;

}
.listbanner label{
    display: block;
    font-size: 30px;
    margin-top: -51px;
	display:none;
}
.listbanner div{
    border-top-color: #2e74b5;
    border-top-style: solid;
    border-top-width: 3px;
    width: 120px;
    margin: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;display:none;
}
.listbanner p{
    font-size: 16px;
    margin: 0;display:none;
}



.listnav{
    width: 100%;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.listnav>div{
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
}


.listnavright{
    float: right;
}
.listnavright a{
    color: #2e74b5;
}
.listnavright span{

}

.listcontact{
    width: 100%;
    min-height: 1000px;
    overflow: hidden;
    background: url(../images/mtconback.jpg)center 0 no-repeat;
    background-position: top center;
    text-align: center;
}
.listcontact>img{
    margin: 7rem 0;
    transition: all 1s;
    cursor: pointer;
}
.listcontact>img:hover{
    transform: rotate(360deg);
}
.listcontact>p{
    margin: 0;
    font-size: 46px;
}
.listcontact>p>label{
    margin: 0;
}
.listcontact>span{
    font-size: 16px;
    color: #707070;
    line-height: 34px;
    display: block;
    margin-top: 3rem;
}
.listcontact>span>a{
    color: #707070;
}

#allmap{
    max-width: 1280px;
    margin: auto;
    height: 400px;
    overflow: hidden;
    margin-top: 4rem;
}
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-middle {
    font-size: 12px;
    padding: 10px;
    line-height: 21px;
    text-align: left;
}
div.info-bottom img {
    position: relative;
    z-index: 104;
}
div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}







/**/
.listnavleft{
    float: left;
    overflow: hidden;
}
.listnavleft a{
    display: block;
    width: 200px;
    text-align: center;
    color: #333;
    border-left: 1px solid #ccc;
    float: left;
    font-size: 16px;
    transition: all 0.3s;
}
.listnavleft a:last-child{
    border-right: 1px solid #ccc;
}
.listnavleft a:hover{
    background: #2e74b5;
    color: #fff;
    border-left: 1px solid #2e74b5;
}

.listabout{
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
    padding-bottom: 2rem;
}

.listabout .listabouttitle{
    text-align: center;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    font-size: 30px;
    margin: 0;
    padding-bottom: 2rem;
    margin-top: 5rem;
}
.listabout>div{
    line-height: 25px;
}


.listnew{
max-width: 1280px;
    margin: auto;
    overflow: hidden;
    padding-top: 4rem;
}
.listnew a{
    display: block;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.listnew a img{
    float: left;
    width: 20%;
}
.listnew .listnewright{
    float: right;
    width: 78%;
    overflow: hidden;
    margin-top: 2rem;
}
.listnew .listnewright .listnewrighttop{
overflow: hidden;
    line-height: 34px;
}
.listnew .listnewright .listnewrighttop span{
font-size: 24px;
    transition: all 0.3s;
    color: #333;
}
.listnew .listnewright .listnewrighttop div{
    float: right;
    color: #c8c8c8;
    font-size: 12px;
}
.listnew .listnewright .listnewrighttop div i{

}
.listnew .listnewright .listnewrighttop div label{
margin: 0;
    font-weight: 400;
    color: #969696;
}

.listnew .listnewright p{
    color: #666;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}
.listnew .listnewright>span{
    width: 86px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    background: #2971bd;
    padding: 5px 0;
    float: right;
    transition: all 0.3s;
}
.listnew .listnewright .listnewrighttop span:hover{
    color: #2e74b5;
}
.listnew .listnewright>span:hover{
    background: #000;
}


/**/

.listmessages input::-webkit-input-placeholder { /* WebKit browsers */
  color: #DEDEDE;
}

.listmessages input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #DEDEDE;
}

.listmessages input::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #DEDEDE;
} 

.listmessages textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #DEDEDE;
}

.listmessages textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #DEDEDE;
}

.listmessages textarea::-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #DEDEDE;
} 


.listmessage{
    max-width: 1280px;
    margin: 5rem auto;
    overflow: hidden;
}
.listmessages{
    width: 100%;
    overflow: hidden;
    line-height: 30px;
    margin-bottom: 12px;
}
.listmessages span{
    display: inline-block;
    float: left;
    width: 100px;
    text-align: right;
    color: #666;
    margin-right: 1rem;
}
.listmessages input{
    width: 500px;
    height: 30px;
    border: 1px solid #f0f0f0;
    padding-left: 10px;

}
.listmessages textarea{
width: 500px;
    height: 150px;
    border: 1px solid #f0f0f0;
    padding-left: 10px;
}
.listmessage>form>input{
    background-color: #2e74b5;
    height: 40px;
    width: 90px;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 40px;
    border: 0;
    margin-left: 68px;
    margin-top: 3rem;
    font-size: 16px;

}


.listpro{
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.listproleft{
    width: 22%;
    overflow: hidden;
    float: left;
}
.listproleft a{
    height: 70px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 70px;
    border: #e6e6e6 1px solid;
    display: block;
    color: #333;
    margin-bottom: 1.5rem;
    transition: all 0.3s;
}
.listproleft a:hover{
    background: #2e74b5;
    color: #fff;
}


.listproright{
float: right;
    width: 74%;
}
.listproright .title .tle {
    font-size: 18px;
    transition: all .5s ease;
    font-family: arial;
    color: #333;
    font-weight: 600;
}
.listproright .fa {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
    color: #fff;
    z-index: 999;
}
.listproright .p_Product:hover .k {
    left: -50px;
    top: -50px;
}
.listproright .p_Product:hover .line {
    width: 100%;
}
.listproright .p_Product:hover .img {
    transform: scale(1.1);
}
.listproright .p_Product:hover .tle {
    color: #2e74b5;
}
.listproright .p_Product:hover {
    box-shadow: 0 0 20px #ddd;
}
.listproright .p_Product {
    width: 32%;
    border-right: #e6e6e6 1px solid;
    border-top: #e6e6e6 1px solid;
    border-bottom: #e6e6e6 1px solid;
    border-left: #e6e6e6 1px solid;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 2%;
    margin-bottom: 2rem;
}
.listproright .p_Product:nth-child(3n){
    margin-right: 0;
}

.listproright .xq {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
}

.listproright .line {
    position: absolute;
    width: 0px;
    height: 2px;
    background-color: #2e74b5;
    bottom: -1px;
    left: 0px;
    transition: all .5s ease;
}

.listproright .k {
    position: absolute;
    top: -100px;
    left: -100px;
    width: 100px;
    height: 100px;
    background-color: #2e74b5;
    transform: rotate(45deg);
    transition: all .5s ease;
}
.listproright .foot {
    padding: 30px 30px 30px;
    background: #fff;
}
.listproright .foot .more {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
}
.listproright .read {
    font-size: 14px;
    color: #2e74b5;
    font-family: arial;
    font-weight: bold;
}
.listproright .foot {
    padding: 30px 30px 30px;
    background: #fff;
}

.listproright .pic {
    overflow: hidden;
    width: 100%;
    height: 199px;
}
.listproright .pic .img {
    width: 100%;
    height: 100%;
    transition: all 2s ease .5s;
}
.listproright .title {
    padding-top: 28px;
    width: 100%;
    height: 80px;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: #e6e6e6 1px solid;
    background: #fff;
}



.listshowright{
    float: right;
    width: 100%;
}
.listshowrighttop{
    width: 100%;
    overflow: hidden;
}
.detailleft{
    float: left;
    width: 50%;
}





.detailright{
    float: right;
    width: 45%;
    overflow: hidden;
}
.detailright p{

}
.detailright p span{
    
}   
.detailright p label{
    margin: 0;
    font-size: 24px;
}

.listshowrightbottom{
    width: 100%;
    margin-top: 3rem;
}
.listshowrightbottom>span{
    width: 114px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #fff;
    display: block;
    background-color: #2971bd;
}
.listshowrightbottom>div{
    border:1px solid #ccc;
    padding: 15px;
    line-height: 25px;
}




.ProductDetailsSmallimg {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.ProductDetailsSmallimg ul {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ProductDetailsSmallimg ul {
    padding-bottom: 0;
}

.ProductDetailsSmallimg ul li {
    position: relative;
    display: inline;
    margin-right: 28px;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ProductDetailsSmallimg ul li span {
    display: block;
    height: 100%;
    border: 1px solid #dadada;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    right: 0;
    bottom: 0;

}

.ProductDetailsSmallimg ul li.cur span {
    height: 100%;
    border: 1px solid #2e74b5;
}

.ProductDetailsSmallimg ul li img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.ProductDetailsSmallimg ul li h5 {
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 24px;
    margin-bottom: -30px;
}


.side_service{height: 199px;width: 50px;background: #12559A;border-top-left-radius: 10px;border-bottom-left-radius: 10px;position: fixed;right: 0;bottom:20%;z-index: 999;padding: 14px 0;}
.side_service>a{background: url("../images/service_icon.png") no-repeat;width: 50px;height: 57px;cursor: pointer;position: relative;display: block;}
.side_service .service_tel{background-position: 13px 17px;}
.side_service .service_kefu{background-position: 13px -41px;}
.side_service .service_qq{background-position: 13px -101px;}
.side_service .service_tel:hover{background-position: -31px 17px;}
.side_service .service_kefu:hover{background-position: -31px -41px;}
.side_service .service_qq:hover{background-position: -31px -101px;}
.service_kefu .service_pull{width: 158px;height: 129px;position: absolute;right: 100%;background: #12559A;border-top-left-radius: 10px;border-bottom-left-radius: 10px;display: none;top: 0;}
.service_kefu p{text-align: center;color: #e9e9e9;font-size: 15px;margin-top: 28px;}
.service_kefu h1{display: block;width: 110px;height: 30px;margin: 15px auto 0;line-height: 30px;border: 1px solid #fff;color: #fff;font-size: 14px;text-align: center;border-radius: 3px;}
.service_qq .service_pull{width: 138px;height: 159px;background: #12559A;position: absolute;right: 100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;top: -55px;display: none;}
.sqr{float: left;text-align: center;width: 108px;margin: 14px 15px 0;color: #fff;font-size: 14px;}
.sqr img{width: 108px;height: 108px;display: block;color: #fff;margin-bottom: 7px;}
.service_qq i{width: 1px;height: 130px;background: #0175c3;float: left;margin-top: 14px;}
.cd-top-box{position: fixed;right: 0;bottom: 20%;width: 50px;margin-bottom: -70px;height: 69px;background-color: #12559A;border-radius: 10px 0 0 10px;cursor:pointer;z-index: 999;}
.cd-top-box i{display: block;width: 20px;height: 10px;background: url('../images/backup_icon.png') no-repeat;margin: 10px auto 5px;}
.cd-top-box p{font-size: 14px;color: #fff;text-align: center;line-height: 18px;}



/*.ProductimgArrowleft {
    display: block;
    position: absolute;
    bottom: 43px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: #ededed;
    border-radius: 36px;
    outline: none;
}
.ProductimgArrowleft {
    left: 0px;
}
.ProductimgArrowright {
    display: block;
    position: absolute;
    bottom: 43px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: #ededed;
    border-radius: 36px;
    outline: none;
}

.ProductimgArrowright {
    right: 0px;
}*/

@media (min-width: 992px){
.ProductDetailsSmallimg {
    width: 83%;
    margin: 0 auto;
}

.dioo{
    position: relative;
    margin-top: 2rem;
}

.ProductimgArrowleft {
    display: block;
    position: absolute;
    bottom: 43px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: #ededed;
    border-radius: 36px;
    outline: none;
}
.ProductimgArrowleft {
    left: 0px;
    top: 26%;
}
.ProductimgArrowright {
    display: block;
    position: absolute;
    bottom: 43px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: #ededed;
    border-radius: 36px;
    outline: none;
}

.ProductimgArrowright {
    right: 0;
    top: 26%;
}
.ProductimgArrowright:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 3px solid #999999;
    border-bottom: 3px solid #999999;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
margin: 13px 0 0 11px;
}
.ProductimgArrowleft:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 3px solid #999999;
    border-bottom: 3px solid #999999;
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
margin: 13px 0 0 11px;
}

.ProductimgArrowleft:hover {
    background: #0061b0;
}
.ProductimgArrowright:hover {
    background: #0061b0;
}
.ProductimgArrowright:hover:after {
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}
.ProductimgArrowleft:hover:after {
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

}







.prolistpro{
    max-width: 1280px;
    margin: auto;
    margin-bottom: 2rem;
margin-top: 3rem;
}

.left_zi {
width: 23%;
  float: left;
  border-right: 1px solid #f5f5f5;
}


.left_zi .top_com {
    background: #2e74b5;
    min-height: 108px;
    padding-top: 29px;
	
    position: relative;
}
.left_zi .top_com span {
  font-size: 27px;
  font-weight: 700;
  height: 35px;
  line-height: 35px;
  width: 100%;
  display: block;
  overflow: hidden;
  color: #fff;
text-align: center;
  padding: 0px 20px;
}
/*.left_zi .top_com:after {
  content: url(../image/after_top.png);
  position: absolute;
  left: 0px;
  top: -33px;
  width: 374px;
  height: 33px;
  z-index: 9999;
}*/
.left_zi .nav_left {
  border-left: 8px solid #e5e5e5;
  padding: 0px 6px;
  position: relative;
}
.left_zi .nav_left li {
    border-bottom: 1px solid #e5e5e5;
    /*padding: 0px 11px;*/
    position: relative;
}
.left_zi .nav_left li a {
    font-size: 14px;
    color: #666666;
    font-family: "微软雅黑";
    display: block;
    width: 100%;
    padding-right: 0;
    overflow: hidden;
    height: 54px;
    line-height: 54px;
    /*background: url(../images/li_san.png) left center no-repeat;*/
    padding-left: 14px;
    position: relative;
}
.left_zi .nav_left li a.on{
  color: #2e74b5;
  font-weight: 700;
}
.left_zi .nav_left>li>a{
    background: #2e74b5;
    color: #fff;
	 font-weight:bold;
}
.left_zi .nav_left>li>a>img{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.left_zi .nav_left li:hover>a {
/*  color: #2e74b5;
  font-weight: 700;*/
}
.left_zi .nav_left li .er {
  padding: 0px 0px 10px;
}
.left_zi .nav_left li .er a {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  height: 24px;
  background: none;
  font-weight: 500;
}
.left_zi .nav_left li .er a:hover {
  color: #2e74b5;
}
.left_zi .nav_left .active a {
  color: #2e74b5;
  font-weight: 700;
}
/*.left_zi .nav_left:before {
  content: "";
  position: absolute;
  height: 46px;
  width: 13px;
  top: 0px;
  left: -13px;
  background: #2e74b5;
}*/



.pro_leitext{
    padding: 16px;
}
.pro_leitext span{

}
.pro_leitext div{
    font-size: 22px;
    margin-top: 3px;
}

.left_zi .pro_lei {
  border: 1px solid #f5f5f5;
  margin-top: 40px;
}
.left_zi .pro_lei .top {
    background: #2e74b5;
    padding-left: 16px;
    height: 60px;
    font-size: 21px;
    color: #fff;
    line-height: 60px;
}
.left_zi .pro_lei .pro_l_nei {
  padding: 20px 5px 10px;
  border-bottom: 1px solid #F5F5F5;
}
.left_zi .pro_lei .pro_l_nei .pic {
  width: 100%;
  position: relative;
}
.left_zi .pro_lei .pro_l_nei .pic i {
  display: block;
  padding-bottom: 69.12442396313364%;
}
.left_zi .pro_lei .pro_l_nei p {
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
}
.left_zi .pro_lei .left_g_new {
  padding: 20px;
}
.left_zi .pro_lei .left_g_new li a {
  color: #686868;
  font-size: 13px;
  line-height: 27px;
  height: 27px;
  overflow: hidden;
  widows: 100%;
  display: block;
  background: url(../images/li_dian1.jpg) no-repeat left center;
  padding-left: 10px;
}
.left_zi .pro_lei .left_g_new li a:hover {
  color: #2971bd;
  font-weight: 700;
}


.nav_leftmore{
    padding-left: 17px;
    /*display: none;*/
}
.nav_leftmore li{
    padding: 0!important;
    border: 0!important;
}
.nav_leftmore a img{
position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.nav_leftmore a{

    padding-right: 20px!important;
}
.nav_leftmore a:hover{
   color: #2971bd!important;
  font-weight: 700;   
}


.nav_leftmoretetx{
    padding-left: 10px;
    /*display: none;*/
}
.nav_leftmoretetx a{

}



.listmui{
    width: 100%;
    overflow: hidden;
}

.listmui .bar {
    border-bottom: 1px solid #eaeaea;
    padding: 0px 0px 10px;
    overflow: hidden;
}
.listmui .bar .b_tt {
    float: left;
    font-size: 20px;
    color: #1f1f1f;
    display: block;
    height: 30px;
	 font-weight:bold;
    line-height: 30px;
    /*width: 20%;*/
    overflow: hidden;
}
.listmui .bar .curbar {
    float: right;
    text-align: right;
    font-size: 12px;
    color: #6e6e6e;
    width: 78%;
    vertical-align: middle;
    margin-top: 12px;
}
.listmui .bar .curbar i {
    font-style: normal;
    max-width: 100px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}

.listmui .bar .curbar a {
    max-width: 100px;
    overflow: hidden;
    height: 18px;
    color: #6e6e6e;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
}

.listmuiabout{
    width: 100%;
    line-height: 26px;
    margin-top: 2rem;
}



.listxiangguanTop {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #c1c1c1;
    color: #2971bd;
    font-size: 16px;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 3rem;
}



.listmuiabouttwo{
    width: 100%;
    margin-top: 2rem;
    overflow: hidden;
}

.listmuiabouttwoLeft{
    float: left;
    width: 50%;
    overflow: hidden;
}
.listmuiabouttwoLeft .tit{
    width: 100%;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    background:#2e74b5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}


.listmuiabouttwoRight{
    float: right;
    width: 43%;
    overflow: hidden;
}

.listmuiabouttwoRight .tit{
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    background: #2e74b5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 10px;
}


.listmuiabouttwoRightpro{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.listmuiabouttwoRightpro a{
    display: block;
    width: 49%;
    text-align: center;
    color: #333;
    margin-bottom: 2%;
    overflow: hidden;
    margin-right: 2%;
}
.listmuiabouttwoRightpro a div{
    border: 1px solid #ccc;
    overflow: hidden;
}
.listmuiabouttwoRightpro a div img{
    width: 100%;
    transition: all 0.3s;
}
.listmuiabouttwoRightpro a span{
    line-height: 30px;
    display: block;
}

.listmuiabouttwoRightpro a:nth-child(2n){
    margin-right: 0;
}


.listmuiabouttwoRightpro a:hover div img{
    transform: scale(1.1);
}










.blk-main {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.blk {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.p12-curmbs-1 {
    font-size: 14px;
    border-bottom: 1px dashed #dcdcdc;
    box-shadow: 0 0 13px #ccc;
    line-height: 46px;
}
.p12-curmbs-1 b {
    border-left: 10px solid #2e74b5;
    font-weight: normal;
    padding-left: 8px;
}
.p12-curmbs-1 span {
    font-family: 'å®‹ä½“';
    padding: 0 5px;
    height: 46px;
    line-height: 46px;
}
.p12-curmbs-1 i {
    font-style: normal;
}
.p12-curmbs-1 a{
    color: #666;
}

.blk-xs {
    width: 20%;
}

.fdh-01-tit {
    background: #2e74b5;
    height: 80px;
}
.fdh-01-tit h3 {
    height: 75px;
    font-size: 24px;
    font-weight: normal;
    line-height: 75px;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
     margin-top: 0px; 
     margin: 0;
}
.fdh-01-nav a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
.fdh-01-nav-one h3 {
    height: 50px;
    line-height: 50px;
    background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
    margin-bottom: 2px;
    overflow: hidden;
     margin-top: 0px; 
}
.fdh-01-nav-one h3 a {
    display: block;
    height: 50px;
    font-size: 18px;
    font-weight: normal;
    margin-right: 40px;
    margin-left: 38px;
    color: #666;
}

.fdh-01-nav dl {
    padding: 2px 0 4px;
    margin: 0;
}

.fdh-01-nav dt {
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    padding-left: 54px;
    padding-right: 40px;
    margin-bottom: 1px;
    background: #ececec;
    position: relative;
    overflow: hidden;
    font-weight: 400;
}
.fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover {
    background: url(../images/p14-icon2.png) no-repeat right center #2e74b5;
}
.fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a {
    color: #fff;
}

.fdh-01-nav dt:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after {
    border-color: #2e74b5;
}



.cbgg-01 {
    background: #2e74b5;
    text-align: center;
    color: #fff;
}

.cbgg-01-img img {
    width: 100%;
    display: block;
}

.cbgg-01 p {
    padding-top: 15px;
    margin: 0;
}

.cbgg-01 p img {
    vertical-align: middle;
    margin-right: 5px;
}

.cbgg-01 span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}


.blk-sm{
    width: 78%;
}




.blk-md{
    width: 100%;
    overflow: hidden;
}

.tl-fdh-02 li {
    width: 14.2857%;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
    background: #f4f4f4;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.tl-fdh-02 li a {
    display: block;
    height: 55px;
    color: #000;
}

.tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover {
    background: url(../images/p16-icon6.png) no-repeat bottom center #2e74b5;
    border-color: #2e74b5;
}
.tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a {
    color: #fff;
}

.p12-aboutinfo-1 {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 38px;
    overflow: hidden;
}

.tit {
    height: 160px;
    background: url(../images/d63899212b4c4e7d99ac9ed293b3ac9f_2.jpg)no-repeat center 91px;
    clear: both;
    text-align: center;
}

.tit span {
    display: block;
    font-size: 28px;
    color: #000;
    padding-top: 45px;
}
.tit em {
    font-style: normal;
    color: #999;
    text-transform: uppercase;
    font-family: "Times New Roman";
    padding-top: 18px;
    display: block;
}


.listnewabout{
        width: 100%;
    overflow: hidden;
    line-height: 24px;
    margin-bottom: 20px;
}








.jobmj{
    width: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
}
.jobmj a{
    display: block;
    width: 32%;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    margin-right: 2%;
}
.jobmj a div{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.jobmj a div img{
    width: 100%;
}
.jobmj a span{
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #323436;
	 font-weight:bold;
	 
    margin-bottom: 15px;
    display: block;
}
.jobmj a p{
position: relative;
    padding: 20px;
    border: solid 1px #ebebeb;
    border-top: none;
    background: #FFF;
    margin: 0;
}
.jobmj a i{
color: #333;
    font-style: normal;
    line-height: 25px;
}
.jobmj a:nth-child(3){
    margin-right: 0;
}
.jobmj a div::before {
    position: absolute;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
bottom: -9px;
    left: 50%;
    margin-left: -8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 8;
}



.listyjob{
    width: 100%;
    overflow: hidden;
}


.zhaoxin{
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.zhaoxintop{
    display: flex;
    width: 100%;
    background: #2e74b5;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.zhaoxintop span{
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 1rem 0;
    cursor: pointer;
}
.zhaoxintop span.on{
    font-weight: 700;
}
.myzhaoxins{
    width: 100%;
}

.zhaoxins{
    display: none;
}


.zhaoxins li {
    position: relative;
    margin-bottom: 2rem;
    border: #eee solid 1px;
}

.zhaoxins li .topDiv {
    height: 48px;
    position: relative;
}
.zhaoxins li .topDiv a {
    display: block;
    height: 48px;
}
.zhaoxins li.liNow .topDiv a {
    background: #2e74b5;
    color: #fff;
}
.zhaoxins li.liNow .msgDiv {
    color: #fff;
}

.zhaoxins li .msgDiv {
    color: #999;
}

.zhaoxins li .msgDiv {
    color: #999;
}
.zhaoxins li .msgDiv .dd01 {
    text-align: left;
    text-indent: 50px;
    width: 248px;
}
.zhaoxins li .msgDiv dl{
    display: flex;
    overflow: hidden;
    text-decoration:none;
}
.zhaoxins li .msgDiv dd {
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 14px;
    margin: 0;
    flex: 1;
    text-align: center;
    text-decoration:none;
}



.zhaoxins li .zhaoxinsbox {
    display: none;
    color: #666;
    padding: 45px 50px 60px;
    overflow: hidden;
    width: 100%;
    line-height: 25px;
}






.ul_5{ width:100%;}
.ul_5 li {
    width: 100%;
    border: solid 1px #e9e9e9;
    padding: 20px 138px 17px 134px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.6rem;
}
.ul_5 li .tab{ width:92px; height:107px; background:url(../images/jszz1.jpg) no-repeat center center; position:absolute; left:0; top:0; text-align:center; background-position:center center; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_5 li .tab .ico{width: 100%;
    margin-top: 29px;
    height: 36px;
    background: none;
    display: block;
    text-indent: 0;}
.ul_5 li .tab .ico img{ height:100%;}
.ul_5 li .tab h6{ width:100%; height:100%; font-size:14px; color:white; line-height:32px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
.ul_5 li .c_674{ width:51.37%; float:left; padding-top:0;}
.ul_5 li .c_674 h4{    margin: 0; width:100%; font-size:16px; color:#333; line-height:27px;}
.ul_5 li .c_674 h5{ width:100%; font-size:12px; color:#888; line-height:23px;}
.ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;}
.ul_5 li .c_637{ width:48.63%; float:left; padding:0 52px 0 41px; height:65px; line-height:65px; background:url(../images/jszz5.png) no-repeat left center;}
.ul_5 li .c_637 .p{ display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:24px; max-height:72px; overflow:hidden;}
.ul_5 li .down{ width:153px; text-align:center; position:absolute; right:0; top:0; height:100%; background:url(../images/jszz6.png) no-repeat left center; padding-top:29px;}
.ul_5 li .down .ico{width:100%; height:24px; background:url(../images/jszz4.png) no-repeat center center; background-size:contain;}
.ul_5 li .down h5{ width:100%; font-size:14px; color:#666; line-height:20px; margin-top:10px;}
.ul_5 li:hover .tab{ background-image:url(../images/jszz1_h.jpg);}
.ul_5 li:hover .c_674 h4{ color:#2e74b5;}
.ul_5 li:hover .down .ico{ background-image:url(../images/jszz4_h.png);}
.ul_5 li:hover .down h5{ color:#2e74b5;}





@media screen and (max-width:767px) {
.c_1570_1{ padding:10px 0 30px 0;}
.ul_5 li .tab{ width:68px; height:79px;}
.ul_5 li .c_674{ width:100%; padding-top:0px;}
.ul_5 li .c_674 h4{ line-height:21px;}
.ul_5 li .c_674 h5{    margin: 0; line-height:18px;}
.ul_5 li .c_637{ width:100%; padding:0; height:20px; line-height:0px; background:none;}
.ul_5 li .c_637 .p{line-height:20px; height:18px;}
.ul_5 li .down{ width:63px; padding-top:18px;}
.ul_5 li .down .ico{ height:18px;}
.ul_5 li .down h5{ line-height:16px; margin-top:4px;}
.ul_5 li .tab .ico{ margin-top:18px; height:24px;}
.ul_5 li .tab h6{ line-height:24px;}
.ul_5 li{ padding:10px 0 10px 76px; margin-top:10px;}
.ul_5 li .down{ width:43px; display:none;}
}




.channel_content {
    padding: 80px 0;
    background: #f8f8f8;
    min-height: 400px;
    z-index: 2;
    position: relative;
}

.service_system {
    position: relative;
}

.service_system .pt_hd {
    text-align: center;
    padding-bottom: 40px;
}


.wrap {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 10px;
}

.service_system .pt_hd .tit {
    font-size: 34px;
    color: #2e74b5;
    height: auto;
    background: none;
}

.service_system .pt_hd .t_con {
    font-size: 14px;
    color: #6c6c6c;
}
.service_system .p1_news li {
    width: 24%;
    margin-right: 1%;
}

.l {
    float: left;
}
.imgZoom {
    overflow: hidden;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.service_system .p1_news .list_box {
    position: relative;
}

.rect-120 {
    padding-bottom: 120%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.service_system .p1_news .list_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.service_system .p1_news .cover_box {
    padding: 18% 10% 0%;
    color: #fff;
}
.service_system .p1_news .list_title {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: normal;
}


.imgZoom:hover img {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    *height: auto;
}

.imgZoom img, .imgY180 img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}



.service_system .pt2 {
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3% 0 0;
}


.service_system .prt_hd {
    text-align: center;
    margin-bottom: 3%;
}


.service_system .pt2 .title {
    color: #2e74b5;
}


.service_system .title {
    font-size: 30px;
}
.service_system .pt2 .tt_con {
    color: #777;
}


/*服务体系20171107修改*/
.service_system{position:relative;}
.service_system .p2_bd_bj{position:absolute;width:50%;height:100%;position:absolute;display:block;top:0;z-index:0;}
.service_system .p2_bd_bj_l{left:0;background:rgba(0,0,0,0.2);}
.service_system .p2_bd_bj_r{right:0;background:url(../images/blue_08.png) repeat;}
.service_system .p2_bd{background:url(../images/service_system_p2_bd_bj.jpg) no-repeat center;position:relative;}
.service_system .p2_bd_l{width:600px;position:absolute;height:100%;top:0;left:50%;margin-left: -600px;}
.service_system .p2_bd_l .video_img{display:none;}
.service_system .p2_bd_l .video_cover{position:absolute;width:100%;height:100%;text-align:center;}
.service_system .p2_bd_l .video_cover:after{content:"";width:0;height:100%;vertical-align:middle;display:inline-block;*display:inline;*zoom: 1;}
.service_system .p2_bd_l .video_cover_box{display:inline-block;*display:inline;*zoom: 1;vertical-align: middle;text-align:center;cursor:pointer;}
.service_system .p2_bd_l .svg_video_ico{margin-bottom: 10px;}
.service_system .p2_bd_l .video_ico{margin:0 auto;}
.service_system .p2_bd_l .video_title{color:#fff;font-size:26px;}
.service_system .p2_bd_l .video_title_en{color:#fff;font-size:16px;font-family: Arial;}
.service_system .p2_bd_r{width:50%;}
.service_system .p2_bd_r_box{padding: 7% 0% 7% 12%;color:#fff;}
.service_system .p2_bd_r dl{margin-bottom: 14px;}
.service_system .p2_bd_r dt{font-size: 18px;font-weight:bold;position:relative;}
.service_system .p2_bd_r dt:after{content:"";width:0;height:0;border-width: 5px;border-color:transparent transparent transparent #fff;position:absolute;left:-18px; top: 50%;display:block;border-style:solid;margin-top: -3px;}
.service_system .p2_bd_r dd{position:relative;}
.r {
    float: right;
}


.service_system .pt5{ background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3% 0 0; }



.service_system .pt5{ background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3% 0 0; }
.service_system .pt5 .title{ color: #155a9b; }
.rect-116{ padding-bottom: 116%; }
.service_system .pt5 .pt_bd li{ float: left; width: 33%; margin-right: 2px; position: relative;}
.service_system .pt5 .pt_bd li:last-child{ margin-right: 0; }
.service_system .pt5 .pt_bd li .cont{ position: absolute; top: 10%; width: 100%; padding: 0 10%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;}
.service_system .pt5 .pt_bd li .cont .con_tit{ font-size: 22px; }



.contactmap{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}
#map{
    width: 100%;
    height: 540px;
    overflow: hidden;
}
#map img{
    max-width: none;
}

.contactmaptext{
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    padding: 3% 2%;
    background: rgba(73,133,188,0.8);
    color: #fff;
    line-height: 1.8;
}
.contactmaptext a{
    color: #fff;
}

.contactmap .box_hd{margin-bottom:10px;}
.contactmap .box_hd .box_title{font-size: 30px; font-weight:normal;line-height:1.2;}
.contactmap .box_hd .en_title{font-size:22px;font-family:Arial;display:block;}
.contactmap .box_bd .conpany_name{font-size:18px;color:#fff;font-weight:normal;}
.contactmap .box_bd{border-top:1px solid rgba(255,255,255,0.6);padding-top: 16px;margin-bottom:30px;}
.contactmap .box_bd dl{min-height:150px;}
.contactmap .box_bd dt{font-size:27px;}
.contactmap .box_bd .phone_num{cursor:default;color:#fff;}
.contactmap .map_cover02 .box_bd01{margin-top: 83px;}
.contactmap .fix{
    overflow: hidden;
	line-height:25px;
}