*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}

a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}

/*.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}*/
.clearfix {
    zoom: 1;
}
.clear{
    clear: both;
}
.fl{float: left;}
.fr{/* float: right; */}
@font-face { font-family: 'impact';src: url('../fonts/impact.ttf');font-weight: normal; font-style: normal;}
.ty_content{ width: 1200px; margin: 0 auto;}
.more-title{ width: 100%;}
.imgbox{overflow:hidden;position:relative;/* border: #ccc 1px solid; */}
.imgbox:after{
    content: "";
    display:block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
}
.imgbox:hover:after{
    content: "";
    display:block;
    left: 100%;
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}

/*header */
.header{width: 100%;}
.header .header-1{height: 39px;width: 100%;line-height: 43px;/* background: url("../images/header-1_bj.jpg"); */}
.header .header-1 .content{width: 1200px;margin: auto;}
.header .header-1 .content b{color: #333333;font-size: 14px;line-height: 43px;}
.header .header-1 .content nav{line-height: 39px;float: right;height: 39px;}
.header .header-1 .content nav a{color: #fff;font-size: 14px;margin-right: 0px;}


.header .header-2{height: 139px;/* background: url("../images/header-2_bj.jpg")no-repeat bottom; */}
.header .header-2 .content{width: 1210px;height: 139px;margin: auto;position: relative;}
.header .header-2 .content .log{float: left;margin-top: 15px;}
.header .header-2 .content .log h3{font-weight: bold;font-size: 35px;color: #333;}
.header .header-2 .content .log h3 span{font-size: 40px;color: #ce1012;}
.header .header-2 .content .text{float: left;margin-top: 17px;height: 82px;padding-left: 33px;}
.header .header-2 .content .text h3{font-size: 32px;color: #0c4fa1;font-weight: bold;}
.header .header-2 .content .text .xx{    border-bottom: solid 1px #0c4fa1;width: 284px;  margin-top: 5px;  margin-bottom: 5px;}
.header .header-2 .content .text h3 span{font-size: 32px;color: #333;font-weight: bold;}
.header .header-2 .content .text b{font-size: 18px;color: #666666;}
.header .header-2 .content .phone{float: right;margin-top: 27px;height: 77px;}
.header .header-2 .content .ewm{
    float: right;
    margin-top: 16px;
    margin-left: 10px;
    }
.header .header-2 .content .phone p{font-size: 18px;color: #333;}
.header .header-2 .content .phone p img{float: left;margin-top: -5px;width: 32px;}

.header .header-2 .content .phone .dh{float: right;margin-top: 5px;position: relative;}
.header .header-2 .content .phone .dh b{color: #0c4fa1;font-size: 22px;font-weight: bold;position: relative;top: -12px;left: 0;}

.header .header-3{height: 56px;width: 100%;background: url("../images/header-3_bj.png");}
.header .header-3 .content{width: 1200px;margin: auto;}
.header .header-3 .content nav a{display:block;float: left;height: 56px;line-height: 56px;font-size: 16px;color: #fff;text-align: center;position: relative;width: 111px;margin-right: 44px;}
.header .header-3 .content nav a:last-child{margin-right: 0px;}

/*.header .header-3 .content nav a:nth-child(1){padding-left: 20px;}*/
/*.header .header-3 .content nav a:nth-child(8){padding-right: 0;}*/

.header .header-3 .content nav .x{float: left;margin-top: 12px;}

.header .header-3 .content nav a:hover{color: #0c4fa1;background: url("../images/header-3_ho.png");}
.header .header-3 .content nav .on{color: #0c4fa1;background: url("../images/header-3_ho.png");}

.header .header-3 .content nav ul{
    position: absolute;
    top: 58px;
    z-index: 999;
    display: none;
    left: 0px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;

}
.header .header-3 .content nav ul li{
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    color: #323232;
    padding-left: 23px;
    padding-right: 23px;
    background: #fff;
    border-top: solid 1px #ddd;
}
.header .header-3 .content nav ul li:hover{color: #0c4fa1;}



/*banner*/
.banner-index{ font-size: 0;overflow: hidden;    width: 100%;  }
.banner-index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%;overflow: hidden; position: relative;}
.slideBox .hd{ height: 12px; overflow: hidden; position: absolute; left: 48%; bottom: 38px; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .hd ul li{ float: left; width: 38px; height: 12px;margin-right: 10px; cursor: pointer;background: #ccc;border-radius: 10px;}
.slideBox .hd ul li.on{background: #0c4fa1;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li:first-child{ display: block;}
.slideBox .bd ul li{ display: none;}



/*search*/
.search{ width: 100%; height: 71px; line-height: 71px;border-bottom: solid 1px #ccc;}
.search-content{ width: 1200px; margin: 0 auto; overflow: hidden;}
.search-keywords{ font-size: 14px; color: #ccc; display: inline-block;}
.search-keywords .wb{ display: inline-block; vertical-align: top;}
.search-keywords .wb > span{ color: #fff; font-size: 16px; display: inline-block; text-align: center; height: 39px; line-height: 30px;background: url("../images/search_k_bj.png")no-repeat;width: 109px;}
.search-keywords .wb a{ color: #666; font-size: 16px;}
.search-keywords .wb a:hover{ color: #333;}
.search-keywords .wb i{ color: #333; font-size: 14px; margin: 0 5px 0 5px;}
#searchForm{ background: url(../images/search.png) no-repeat right; width: 307px; line-height: 39px; height: 39px; z-index: 99; position: relative;top: 0px;}
.search-form{ display: inline-block; float: right;margin-top: 17px;}
#searchForm .search-input{ vertical-align: top; height: 39px; background: none; line-height: 39px; color: #333; border-radius: 5px; text-indent: 20px; outline: none; border: none; width: 87%; font-size: 14px;}
.search-form #s_btn{ width: 39px; height: 39px; background: none; color: #333; outline: none; border: none;float: right; cursor: pointer; display: inline-block; vertical-align: top;}
.clear-fix-3{ line-height: 0; font-size: 0; clear: both;}
#searchForm .search-input::-webkit-input-placeholder{ /* WebKit browsers */  color: #ccc;}
#searchForm .search-input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color: #ccc;}
#searchForm .search-input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{ /* Internet Explorer 10+ */  color: #ccc;}


/*mo-1*/
.mo-1{height: 179px;}

/*.mo-1 .ty_content{*/
    /*animation: bounceInLeft 2s;*/
    /*-moz-animation: bounceInLeft 2s;	!* Firefox *!*/
    /*-webkit-animation: bounceInLeft 2s;	!* Safari Chrome *!*/
    /*-o-animation: bounceInLeft 2s;	!* Opera *!*/
    /*animation-play-state:paused;*/
/*}*/
/*.mo-1 .on{animation-play-state:running;}*/


.mo-1 .z-1{height: 179px;width: 35.2%;float: left;padding-top: 55px;text-align: right;padding-right: 30px;background: url("../images/environment.png")no-repeat left;    background-size: 100% 100%;  }
.mo-1 .z-1 h3{font-size: 36px;color: #fff;}
.mo-1 .z-1 b{font-size: 22px;color: #fff;font-weight: bold;}

.mo-1 .shu{height: 179px;width: 16.2%;float: left;margin: 0 auto;text-align: center;/* padding-left: 58px; */padding-top: 30px;/* padding-right: 30px; */background: url("../images/mo-1_xx.png")no-repeat right;background-position-y: 16px;}
.mo-1 .shu b{font-size: 50px;font-weight: bold;color: #e47a0e;font-family: Arial;text-align: center;display: inline-block;/* width: 44px; */height: 53px;transition: 0.3s linear;}
.mo-1 .shu b span{font-size: 16px;color: #333;float: right;margin-top: 15px;text-align: right;    display: block;}
.mo-1 .shu h3{font-size: 24px;font-weight: bold;color: #333;}
.mo-1 .shu p{line-height: 23px;}
.mo-1 .shu span {
    font-weight: bold;
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    margin-top: 15px;
    margin-left: -15px;
}


/*case*/
.case{height: 890px;padding-top: 60px;}
.case .ty_content{
    animation: bounceInRight 2s;
    -moz-animation: bounceInRight 2s;	/* Firefox */
    -webkit-animation: bounceInRight 2s;	/* SafariChrome */
    -o-animation: bounceInRight 2s;	/* Opera */
    animation-play-state:paused;
}
.case .on{animation-play-state:running;}

.case .top{text-align: center;margin-bottom: 30px;}
.case .top b{color: #0c4fa1;font-size: 34px;font-weight: bold;}
.case .top .x{border-bottom: solid 3px #999;width: 476px;margin: 3px auto 3px;}
.case .top span{font-size: 22px;color: #666;}
.case .nav{height: 50px;margin-bottom: 34px;}
.case .nav li{width: 23.7%;border: solid 1px #ccc;height: 50px;border-radius:10px;text-align: center;line-height: 50px;font-size: 20px;color: #333;float: left;margin-right: 20px;}
.case .nav .on{background: url("../images/case_li_ho.png")no-repeat;color: #fff;background-size: 100% 100%;}
.case .nav li:nth-child(4n){ margin-right: 0px;}

.case .nr{height: 443px;}
.case .nr .left{height: 601px;width: 711px;position: relative;float: left;}
.case .nr .left .img{height: 601px;width: 711px;}
.case .nr .left .wz{background: url("../images/case_wz.png")no-repeat center;height: 249px;width: 711px;position: absolute;bottom: 0px;padding-left: 27px;padding-top: 54px;}
.case .nr .left .wz h3{font-size: 22px;color: #fff;}
.case .nr .left .wz p{font-size: 14px;color: #fff;line-height: 25px;height: 30px;overflow: hidden;}
.case .nr .left .wz .an{height: 36px;margin-top: 30px;}
.case .nr .left .wz .an a{height: 36px; display: block;background: #fff;color: #333;width: 134px;border-radius:5px;text-align: center;line-height: 36px;float: left;margin-right: 10px;}

.case .nr .right{height: 558px;width: 467px;background: #0c4fa1;float: right;padding: 20px;}
.case .nr .right .img_j{text-align: center;}




/*xc*/
.xc{background: url("../images/xc_03.png")no-repeat center;height: 30px;}




/*product*/
.product{min-height: 860px;padding-top: 70px;background: #f5f5f5;}
.product .ty_content{
    animation: zoomInDown 1s;
    -moz-animation: zoomInDown 1s;	/* Firefox */
    -webkit-animation: zoomInDown 1s;	/* SafariChrome */
    -o-animation: zoomInDown 1s;	/* Opera */
    animation-play-state:paused;
}
.product .on{animation-play-state:running;height: auto;display: block;}
.product .left{/* background: url("../images/product_le.png")no-repeat top; */width: 301px;min-height: 770px;padding-top: 15px;/* float: left; */background: #0c4fa1;border-radius: 8px;display: inline-block;vertical-align: top;}
.product .left .lefttit{
    
text-align: center;
    
margin-bottom: 10px;
}
.product .left .lefttit .lefttiten{
    
font-size: 33px;
    
color: #c2cfdf;
    
font-weight: bold;
}
.product .left .lefttit .lefttitcn{
    
color: #f6f6f6;
    
font-size: 20px;
}
.product .left .li{width: 283px;min-height: 513px;background: #fff;border-radius:5px;padding: 17px;margin: auto;overflow: hidden;}

.product .left .li .anc{display: block;height: 52px;width: 250px;line-height: 52px;text-align: center;color: #333;font-size: 18px;background: #ccc;border-radius:5px;margin-bottom: 20px;}
.product .left .li .anc:hover{background: url("../images/anc.png")no-repeat center;color: #fff;}

.product .left .dh{width: 301px;height: 103px;background: #0c4fa1;border-radius:5px;padding: 18px;margin-top: -1px;}
.product .left .dh img{    margin-top: 18px;  float: left;  margin-right: 16px;  margin-left: 17px;}
.product .left .dh .wz{float: left;}
.product .left .dh .wz h3{color: #fff;font-size: 24px;}
.product .left .dh .wz b{color: #fff;font-size: 24px;font-weight: bold;}

.product .right{width: 875px;/* float: right; */display: inline-block;vertical-align: top;/* padding-left: 1px; */float: right;}

.product .list{width: 278px;float: left;margin-right: 20px;margin-bottom: 28px;}
/*.product .list .img{width: 278px;height: 213px;overflow: hidden;}*/
/*.product .list .img img{width: 278px;height: 213px;}*/
.product .list .wz{width: 278px;height: 35px;background: #fff;color: #333;font-size: 18px;line-height: 35px;text-align: center;    border: solid #ccc 1px;
    border-left: solid #ccc 1px;
    border-right: solid #ccc 1px;}
.product .list .img:hover img{transform: scale(1.1, 1.1); transition-duration: 300ms;}
.product .list:nth-child(3n){ margin-right: 0px;}
.product .list:hover .wz{background: #0c4fa1;color: #fff;}
.g_pro {
    padding-top: 74px;
    height: 1138px;
    background: url(../images/cpbg.jpg) no-repeat;
}

.g_pro h2 {
    background: url(../images/cptit.png) no-repeat 0 106px;
    height: 160px;
    text-align: center;
    /* font-style: italic; */
    font-size: 40px;
    font-weight: bold;
    color: #222222;
}

.g_pro h2 a {
    color: #222
}

.g_pro h2 em {
    display: block;
    font-size: 20px;
    color: #555555;
    padding-top: 5px;
    font-weight: normal;
    /* font-style: italic; */
}

.g_pro .m_fl {
    float: left;
    width: 271px;
    position: relative;
    z-index: 10
}

.g_pro .m_fl h4 {
    background: url(../images/cpfl2.jpg) no-repeat;
    width: 271px;
    height: 70px;
    padding: 30px 0 0 80px;
    font-size: 18px;
    font-weight: bold;
}

.g_pro .m_fl h4 a {
    color: #fff;
}

.g_pro .flc h3 {
    background: url(../images/cpfl3.jpg) no-repeat;
    width: 271px;
    height: 68px;
    line-height: 68px;
    font-size: 20px;
    color: #0c4fa1;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: bold;
}

.g_pro .flc h3 a {
    color: #0c4fa1;
}

.g_pro .flc .flst li {
    position: relative;
}

.g_pro .flc .flst li a {
    background: #fff url(../images/flico1.jpg) no-repeat 244px 18px;
    border: 1px solid #dcdcdc;
    border-top: none;
    color: #666666;
    display: block;
    height: 49px;
    line-height: 49px;
    font-size: 16px;
    color: #333333;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: bold;
}

.g_pro .flc .flst li a:hover,
.g_pro .flc .flst .cur2 a {
    background: #0c4fa1 url(../images/flico2.jpg) no-repeat 244px 18px;
    color: #f8f8f8;
}

.g_pro .flc .flst .fl2st {
    position: absolute;
    left: 271px;
    top: 0;
    /* background: url(../images/sha2.png) repeat; */
    width: 203px;
    display: none;
    background: #515151;
}

.g_pro .flc .flst .fl2st li a {
    width: 99%;
    padding-left: 30px;
    padding-right: 0;
    background: none;
    margin-left: 0;
    color: #fff;
    height: 48px;
    line-height: 48px;
    border: none;
    font-weight: normal;
    border-bottom: 1px dashed #f0f0f0;
}

.g_pro .flc .flst li:hover .fl2st {
    display: block;
}

.g_pro .fltel {
    background: url(../images/cptel.jpg) no-repeat;
    width: 271px;
    height: 107px;
    padding: 20px 0 0 100px;
}

.g_pro .fltel span {
    display: block;
    width: 148px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #0c4fa1;
    text-align: center;
    font-size: 14px;
    color: #0c4fa1;
}

.g_pro .fltel span a {
    color: #0c4fa1;
}

.g_pro .fltel b {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    font-weight: bold;
    color: #0c4fa1;
}

.g_pro .m_cp {
    float: right;
    width: 911px;
}

.g_pro .m_cp h3 {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}

.g_pro .m_cp h3 a {
    display: block;
    background: url(../images/cprtit.jpg) no-repeat;
    padding-left: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.g_pro .m_cp dl {
    float: left;
    width: 296px;
    height: 269px;
    margin-right: 7px;
    margin-bottom: 12px;
    position: relative;
}

.g_pro .m_cp dt {
    width: 296px;
    height: 223px;
}

.g_pro .m_cp dt img {
    /*width: 296px;
    height: 223px;*/
    display: block;
}

.g_pro .m_cp dt em {
    display: block;
    height: 46px;
    line-height: 46px;
    background: #f0f0f0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    overflow: hidden;
}

.g_pro .m_cp .lastdl {
    margin-right: 0;
}

.g_pro .m_cp dd {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cpsha.png) no-repeat;
    padding-top: 110px;
    width: 296px;
    height: 268px;
    display: none;
}

.g_pro .m_cp h4 {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    margin-bottom: 35px;
}

.g_pro .m_cp h4 a {
    color: #fff;
}

.g_pro .m_cp span {
    display: block;
    margin-left: 24px;
}

.g_pro .m_cp span a {
    display: block;
    float: left;
    width: 112px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-right: 20px;
}

.g_pro .m_cp span .btn2 {
    background: #0c4fa1;
    border: 1px solid #0c4fa1;
}

.g_pro .m_cp dl:hover dd {
    display: block;
}

.g_pro .m_cp dl:hover dt em {
    display: none;
}

.g_pro .m_cp dl:hover dt img {
    width: 296px;
    height: 269px;
    display: block;
}

.g_xban {
    background: url(../images/xban.jpg) no-repeat center top;
    height: 292px;
}

.g_xban p {
    position: absolute;
    left: 453px;
    top: 240px;
    width: 298px;
    height: 72px;
    line-height: 72px;
    background: #0c4fa1;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.g_xban p a {
    color: #fff;
}



/*mo-2*/
.mo-2{background: url("../images/moo-2_bj.png")no-repeat center;height: 489px;margin-top: 60px;padding-top: 25px;padding-left: 48%;/* margin-bottom: 30px; */}
.mo-2 .ty_content{
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;	/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari Chrome */
    -o-animation: bounceInLeft 2s;	/* Opera */
    animation-play-state:paused;
}
.mo-2 .on{animation-play-state:running;}

.mo-2 ul{width: 85px;float: left;}
.mo-2 .list{width: 540px;float: left;}
.mo-2 .img{background: url("../images/mo-2_img_bj.png")no-repeat center;height: 85px;width: 85px;text-align: center;padding-top: 24px;margin-bottom: 30px;}
.mo-2 .img .ho{display: none;}
.mo-2 .img img{display: block;margin: auto;}


.mo-2 .list .lc{width: 540px;height: 110px;border-bottom: dashed 1px #ccc;margin-left: 17px;padding-top: 24px;}
.mo-2 .list .lc b{color: #fff;font-size: 22px;}
.mo-2 .list .lc p{color: #fff;font-size: 16px;margin-top: 5px;}



/*case*/
.ys{height: 605px;padding-top: 60px;margin-bottom: 40px;}
.ys .ty_content{
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;	/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari*/
    -o-animation: bounceInLeft 2s;	/* Opera */
    animation-play-state:paused;
}
.ys .on{animation-play-state:running;}

.ys .top{text-align: center;margin-bottom: 30px;}
.ys .top b{color: #0c4fa1;font-size: 34px;font-weight: bold;}
.ys .top .x{border-bottom: solid 3px #999;width: 476px;margin: 3px auto 3px;}
.ys .top span{font-size: 22px;color: #666;}

.ys .nav{height: 82px;width: 1200px;border: solid 1px #ccc;}
.ys .nav li{height: 82px;width: 20%;text-align: center;color: #333;font-size: 19px;line-height: 82px;float: left;border-right: solid 1px #ccc;}
.ys .nav .on{background: url("../images/ys_nav.png")no-repeat center;color: #fff;border: none;background-size: 100%;}
.ys .nav li:nth-child(5n){border: none;width: 238px;}

.ys .nr{height: 306px;margin-top: 33px;}
.ys .nr .left{height: 300px;width: 583px;float: left;}
.ys .nr .left img{height: 299px;width: 583px;}
.ys .nr .right{float: left;background: url("../images/ys_r_bj.png")no-repeat center;width: 616px;height: 306px;padding-left: 46px;padding-top: 31px;background-size: 100% 100%;/* background: #f8f8f8; */}
.ys .nr .right .shu{color: #666;font-size: 22px;font-family: Arial;    padding-left: 19px;margin-top: 3px;}
.ys .nr .right .shu span{color: #a9a9a9;font-size: 18.88px;font-family: Arial;font-weight: bold;}

.ys .nr .right h3{font-size: 26px;color: #333;font-weight: bold;margin-top: 18px;height: 60px;}
.ys .nr .right h3 b{color: #0c4fa1;font-weight: bold;}
.ys .nr .right p{/* height: 44px; */background: url("../images/ys_yuan.png")no-repeat left;padding-left: 19px;font-size: 16px;line-height: 27px;color: #333;margin-top: 14px;background-position-y: 7px;padding-right: 39px;}


.g_ys {
    /*height: 1219px;*/
    /*background: url(../images/ysbg.jpg) no-repeat;*/
    padding-top: 20px;
    overflow: hidden;
}
.g_ys .content{
    width: 1200px;
    margin: auto;
}
.g_ys h2 {
    text-align: center;
}

.g_ys h2 a {
    color: #333333;
}

.g_ys h2 em {
    display: block;
    font-size: 18px;
    width: 400px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #333333;
    border-radius: 20px;
    margin: 10px auto 0;
    font-style:normal;
}

.g_ys .m_ys1 {
    height: 464px;
    padding-top: 25px;
}

.g_ys dt {
    float: left;
    margin-left: -360px;
    width: 960px;
    position: relative;
    height: 464px;
}

.g_ys dt b {
    position: absolute;
    right: 0;
    top: 0;
}

.g_ys dt b a {
    display: block;
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 75px;
    /* padding-top: 20px; */
    background: #0c4fa1;
}

.g_ys dd {
    float: left;
    width: 600px;
    position: relative;
}
.g_ys .m_ys3 dd{
    margin-top: 40px;
}
.g_ys dd i {
    position: absolute;
    right: 0;
    top: 5px;
}

.g_ys dd h3 {
    margin-top: 22px;
    position: relative;
    height: 84px;
    margin-left: 90px;
    background: url(../images/ysline.jpg) no-repeat 0 120px;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
}

.g_ys dd h3 b {
    display: block;
    font-size: 34px;
    color: #0c4fa1;
    padding-top: 18px;
     padding-bottom: 18px;
}

.g_ys dd h3:before {
    content: "";
    position: absolute;
    width: 63px;
    height: 1px;
    background: #0c4fa1;
    left: 0;
    top: 0;
}

.g_ys dd p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 90px;
    width: 488px;
}

.g_ys .yss {
    position: absolute;
    left: 0;
    top: 320px;
    overflow: hidden;
}

.g_ys .yss img {
    transition: all 0.3s linear 0s;
}

.g_ys .yss:hover img {
    transform: scale(1.1);
}

.g_ys .m_ys2 {
    height: 540px;
}

.g_ys .m_ys2 dt {
    float: right;
    margin-right: -360px;
    width: 960px;
    position: relative;
}

.g_ys .m_ys2 dt b {
    position: absolute;
    left: 0;
    top: 0;
}

.g_ys .m_ys2 dt b a {
    display: block;
    width: 150px;
    height: 75px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 75px;
    /* padding-top: 75px; */
    background: #0c4fa1;
}

.g_ys .m_ys2 dd {
    float: left;
    width: 600px;
    position: relative;
    margin-top: 40px;
}

.g_ys .m_ys2 dd i {
    position: absolute;
    left: 422px;
    top: 12px;
}

.g_ys .m_ys2 dd h3 {
    margin-top: 0;
    position: relative;
    height: 140px;
    margin-left: 0;
    background: url(../images/ysline.jpg) no-repeat 0 120px;
    font-size: 24px;
    color: #333333;
    font-weight: normal;
}

.g_ys .m_ys2 dd h3 b {
    display: block;
    font-size: 34px;
    color: #0c4fa1;
    padding-top: 18px;
}

.g_ys .m_ys2 dd h3:before {
    content: "";
    position: absolute;
    width: 63px;
    height: 1px;
    background: #0c4fa1;
    left: 0;
    top: 0;
}

.g_ys .m_ys2 dd p {
    font-size: 16px;
    line-height: 26px;
    margin-left: 0;
    width: 528px;
}

.g_ys .m_ys2 .yss {
    position: absolute;
    left: 5px;
    top: 0;
}

.g_ys .m_ys3 {
    height: 464px;
}
/**/


/*mo-3*/
.mo-3{height: 655px;background: url("../images/mo-3_bj.png")no-repeat  center;padding-top: 30px;}
.mo-3 .ty_content{
    animation: bounceInRight 2s;
    -moz-animation: bounceInRight 2s;	/* Firefox */
    -webkit-animation: bounceInRight 2s;	/* SafariChrome */
    -o-animation: bounceInRight 2s;	/* Opera */
    animation-play-state:paused;
}
.mo-3 .on{animation-play-state:running;}

.mo-3 .top{text-align: center;margin-bottom: 30px;}
.mo-3 .top b{color: #fff;font-size: 34px;font-weight: bold;}
.mo-3 .top .x{border-bottom: solid 2px #fff;width: 395px;margin: 3px auto 3px;}
.mo-3 .top span{font-size: 22px;color: #fff;}

.mo-3 .x_tu{height: 300px;}
.mo-3 .x_tu .mr{width: 101px;float: left;margin-right: 43px;}
.mo-3 .x_tu .mr .wz{width: 115px;text-align: center;margin: auto;}
.mo-3 .x_tu .mr .wz p{color: #fff;font-size: 18px;}
.mo-3 .x_tu .a .img{margin-bottom: 50px;}
.mo-3 .x_tu .b .img{margin-top: 50px;}
.mo-3 .x_tu .b .wz{padding-top: 30px;}

.mo-3 .ty_content{background: url("../images/mo-3_nr_bj.png")no-repeat;height: 535px;    background-position-y: 220px; padding-left: 42px;}
.mo-3 .list{height: 152px;}
.mo-3 .list .k{height: 152px;width: 527px;overflow: hidden;float: left;margin-right: 30px;background: #fff;border-radius: 5px;  }
.mo-3 .list .left{width: 255px;height: 152px;float: left;}

.mo-3 .list .right{width: 271px;height: 152px;float: left;padding-left: 30px;padding-top: 24px;padding-right: 30px;}

.mo-3 .list .right h3{font-size: 18px;color: #333;}
.mo-3 .list .right .x{border-bottom: solid 2px #666;width: 172px;margin-top: 3px;margin-bottom: 3px;}
.mo-3 .list .right span{color: #333333;font-size: 16px;}
.mo-3 .list .right p{color: #666;font-size: 14px;margin-top: 3px;}


/*apply*/
.apply{height: 840px;padding-top: 70px;background: #f2f2f2;}
.apply .top{text-align: center;margin-bottom: 30px;}
.apply .top b{color: #0c4fa1;font-size: 34px;font-weight: bold;}
.apply .top .x{border-bottom: solid 3px #999;width: 476px;margin: 3px auto 3px;}
.apply .top span{font-size: 22px;color: #666;}

.apply .ty_content{
    animation: rotateInUpRight 1s;
    -moz-animation: rotateInUpRight 1s;	/* Firefox */
    -webkit-animation: rotateInUpRight 1s;	/* SafariChrome */
    -o-animation: rotateInUpRight 1s;	/* Opera */
    animation-play-state:paused;
}
.apply .on{animation-play-state:running;}

.apply li{width: 387px;/*height: 255px;*/float: left;margin-right: 19px;position: relative;margin-bottom: 20px;}
.apply li img{width: 387px;height: 255px;}
.apply li .an{width: 387px;height: 43px;background: url("../images/apply_an.png")no-repeat;position: absolute;bottom: 0px;text-align: center;line-height: 43px;color: #fff;font-size: 16px;}
.apply li:nth-child(3n){ margin-right: 0px;}



.about{margin-top: 60px;height: 339px;}
.about .ty_content{
    animation: bounceInLeft 2s;
    -moz-animation: bounceInLeft 2s;	/* Firefox */
    -webkit-animation: bounceInLeft 2s;	/* Safari Chrome */
    -o-animation: bounceInLeft 2s;	/* Opera */
    animation-play-state:paused;
}
.about .on{animation-play-state:running;}
.about .left{height: 339px;width: 602px;float: left;}
.about .right{height: 364px;width: 579px;float: right;}
.about .right p{/* height: 124px; */margin-top: 7px;line-height: 25px;font-size: 16px;color: #333;text-indent:29px;/* margin-bottom: 38px; */}
.about .right .an{height: 33px;}
.about .right .an a{display: block;width: 106px;height: 33px;float: left;text-align: center;line-height: 33px;color: #333;margin-right: 20px;border: solid 1px #ccc;    border-radius: 15px;}
.about .right .an a:hover{border: none;background: url("../images/about_an.png")no-repeat;color: #fff;}
.Introduction_one {margin: 0 0 5px;}
   .Introduction h2{height: 90px;text-align: center;font-size: 44px;font-weight: bold;color: #000000;width: 1200px;margin: 0 auto;}
    .Introduction h2 a{color: #000000;}
    .Introduction h2 b{color: #7bb746}
    .Introduction h2 i{display: inline-block;font-size: 30px;font-style: normal;position: relative;padding: 0 6px;top:-6px;}
    .Introduction h2 em{display: block;font-size: 18px;color: #545657;font-weight: normal;position: relative;margin-top: 12px;}
    .Introduction h2 em:before{content: "";position: absolute;width: 50px;height: 2px;background: #7bb746;left:350px;top:11px;}
    .Introduction h2 em:after{content: "";position: absolute;width: 50px;height: 2px;background: #7bb746;right:350px;top:11px;}
   .Introduction_one b{
       
color:#a4a4a4;
       
font-weight:100;
       
font-size: 42px;
       
text-transform: uppercase;
       
font-weight: bold;
       
display: block;
   }
   .Introduction_one strong{ font-size:26px; color:#7bb746;display: inline-block;vertical-align: text-bottom;}
   .Introduction_one em{ font-size:18px; color:#a4a4a4; padding:0 5px;    vertical-align: text-bottom;}
   .Introduction_two{     
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin-top: 4px;}
    .Introduction_cont span.aboutcontent p{
        font-size: 20px;
        line-height: 35px;
    }
   .Introduction_cont i{display:block;width:60px;height:3px;background: #0c4fa1;margin: 16px 0 17px;}
   


/*photos*/
.photos{width: 1287px;margin: auto;position: relative;height: 214px;margin-top: 60px;overflow: hidden;}
.photos .a{width: 27px;height: 68px;display: block;position: absolute;left: 0;top: 67px;}
.photos .ri{right: 0;width: 27px;height: 68px;display: block;position: absolute;top: 67px;}

.photos .nr{width: 1200px;margin: auto;}
.photos .nr li{width: 285px;height: 214px;float: left;margin-right: 20px;}
.photos .nr li img{width: 285px;height: 199px;}

.photos .nr{
    animation: bounceInRight 2s;
    -moz-animation: bounceInRight 2s;	/* Firefox */
    -webkit-animation: bounceInRight 2s;	/* SafariChrome */
    -o-animation: bounceInRight 2s;	/* Opera */
    animation-play-state:paused;
}
.photos .on{animation-play-state:running;}

/*news*/
.news{height: auto;padding-top: 45px;}
.news .top{text-align: center;margin-bottom: 45px;}
.news .top b{color: #0c4fa1;font-size: 34px;font-weight: bold;}
.news .top .x{border-bottom: solid 3px #999;width: 476px;margin: 3px auto 3px;}
.news .top span{font-size: 22px;color: #666;}

.news .left{width: 484px;float: left;background: #e8e8e8;}
.news .left .tj{width: 100%;/* height: 216px; */}
.news .left .tj .img{width: 100%;/* height: 216px; */float: left;}
.news .left .tj .img img{width: 299px;height: 216px;}

.news .left .wz{width: 90%;/* float: right; */margin: 0 auto;}
.news .left .wz h3{font-size: 20px;color: #0c4fa1;line-height: 30px;}
.news .left .wz h3 a{font-size: 20px;color: #0c4fa1;}
.news .left .wz p{font-size: 14px;color: #666;line-height: 30px;height: 111px;}
.news .left .wz .acc{display: block;width: 126px;height: 30px;float: left;text-align: center;line-height: 30px;color: #fff;border-radius: 5px;background: #0c4fa1;margin-bottom: 15px;}

.news .left .list{width: 597px;height: 161px;border: solid 1px #CCC;border-radius: 10px;padding: 20px;margin-top: 50px;
    overflow: hidden;}
.news .left .list p{background: url("../images/news_list_mr.png")no-repeat left;background-position-y: 8px;color: #666;font-size: 16px;padding-left: 20px;margin-bottom: 10px;}
.news .left .list p b{float: right;}
.news .left .list p a{color: #666;}
.news .left .list p:hover{background: url("../images/news_list_ho.png")no-repeat left;color: #0c4fa1;}
.news .left .list p:hover a{color: #0c4fa1;}

.news .right{width: 676px;float: right;}
.news .right .nav{height: 27px;background: url("../images/news_t.png")no-repeat bottom;}
.news .right .nav li{width: 160px;float: left;color: #333;font-size: 20px;}
.news .right .nav .on a{color: #0c4fa1;}

.news .right .list_nr{height: 455px;overflow: hidden;margin-top: 20px;}
.news .right .list_nr .fu .ac li{height: 151px;overflow: hidden;border-bottom: solid 1px #ccc;padding-top: 20px;}
.news .right .list_nr .fu .ac li .list_img{height: 111px;width: 147px;float: left;}
.news .right .list_nr .fu .ac li .list_wz{height: 111px;width: 500px;float: right;}
.news .right .list_nr .fu .ac li .list_wz h3{font-size: 20px;color: #333;}
.news .right .list_nr .fu .ac li .list_wz h3 a{font-size: 20px;color: #333;}
.news .right .list_nr .fu .ac li .list_wz p{color: #666;line-height: 27px;height: 80px;overflow: hidden;}

.news .right .list_lh{height: 455px;overflow: hidden;margin-top: 20px;}
.news .right .list_lh .ac li{height: 151px;overflow: hidden;border-bottom: solid 1px #ccc;padding-top: 20px;}
.news .right .list_lh .ac li .list_img{height: 111px;width: 147px;float: left;}
.news .right .list_lh .ac li .list_wz{height: 111px;width: 500px;float: right;}
.news .right .list_lh .ac li .list_wz h3{font-size: 20px;color: #333;}
.news .right .list_lhu .ac li .list_wz h3 a{font-size: 20px;color: #333;}
.news .right .list_lh .ac li .list_wz p{color: #666;line-height: 27px;height: 80px;overflow: hidden;}

/*new*/
.new{
 	background-image: url(../images/jihebj.jpg);
 	background-image-part-image: url(../images/jihebj.jpg);
 	overflow:hidden;
 	padding-bottom:60px;
 	width: 100%;
 	}
   .new .title{ margin-bottom:19px;}
   .new_list{     text-align: center; height:53px; margin:0 auto 25px; position:relative; line-height:53px;}
   .new_list a{ font-size:18px; color:#fff; display:block;}
   .new_list li{background: #0c4fa1;width:180px;height:53px;display:inline-block}
   /*.new_list li:nth-child(2){     background: #cccccc;width:198px; height:53px; position:absolute; left:154px; top:0;}*/
   /*.new_list li:nth-child(3){     background: #cccccc; width:181px; height:53px; position:absolute; right:0; top:0;}*/
   
   /*.new_list li.on{     background: #2f2f2f;}*/
   /*.new_list li:nth-child(2).on{ background:#2f2f2f;}*/
   /*.new_list li:nth-child(3).on{ background:#2f2f2f;}*/
   
   /*.new_list li:nth-child(1) a{     text-align: center;}*/
   /*.new_list li:nth-child(2) a{     text-align: center;}*/
   /*.new_list li:nth-child(3) a{     text-align: center;}*/
   
   .new_cont .news_div_item:nth-child(1){ width:443px; height:551px; position:relative; background:#e8e8e8; float:left;}
   .new_cont .news_div_item:nth-child(1):before{ content:""; display:block; width:60px; height:58px; position:absolute; background:url(../images/20200416104444_1778160780.png); top:-5px; right:-4px;}
   .new_cont .news_div_item:nth-child(1) .news_div_item_a{ font-size:20px; position:absolute; top:49px; left:36px;}
   .new_cont .news_div_item:nth-child(1) .news_div_item_body{ font-size:16px; line-height:30px; position:absolute; left:36px; top:86px; width:395px;}
   .new_cont .news_div_item:nth-child(1) .news_div_item_date{ position:absolute; left:36px; top:192px; font-size:16px;}
   .new_cont .news_div_item_date div{ float:left;}
   .new_cont .news_div_item:nth-child(1) .news_div_item_image{ width:370px; height:239px; position:absolute; left:36px; bottom:53px; }
   
   .new_cont .news_div_item:nth-child(n+2){ float:right; width:735px; height:160px; position:relative; margin-bottom:35px;}
   .new_cont .news_div_item:nth-child(n+2):before{ content:""; display:block; width:735px; height:1px; background:#dfdfdf; position:absolute; left:0; bottom:-18px;}
   .new_cont .news_div_item:nth-child(4):before{ display:none;}
   .new_cont .news_div_item:nth-child(4){ margin-bottom:0;}
   .new_cont .news_div_item:nth-child(n+2) .news_div_item_a{ font-size:20px; position:absolute; top:0; left:236px;    width: 496px;height: 144px;}
   .new_cont .news_div_item:nth-child(n+2) .news_div_item_a:before{ content:""; display:block; background:url(../images/20200416110632_1113345172.jpg); width:75px; height:11px; position: absolute; right:0; bottom:0;}
   .new_cont .news_div_item:nth-child(n+2) .news_div_item_body{ font-size:16px; line-height:28px; left:236px; top:36px; position:absolute;}
   .new_cont .news_div_item:nth-child(n+2) .news_div_item_date{ position:absolute;font-size:16px; left:236px; bottom:11px;}
   .new_cont .news_div_item:nth-child(n+2) .news_div_item_image{ width:213px; height:160px; position:absolute; left:0; top:0;}
   
   .new_cont .news_div_item:hover .news_div_item_a{ color:#2f2f2f;}
   .new_cont .news_div_item:hover .news_div_item_body{ color:#2f2f2f;}
 
 /*new*/


/*link*/
.link{
    border: solid 3px #999;
    /*height: 51px;*/
    line-height: 51px;
    padding-left: 15px;
    margin-bottom: 50px;
    
}
.link b{font-size: 24px;font-weight: bold;color: #333;float: left;}
.link .mk{background: #0c4fa1;height: 33px;text-align: center;width: 75px;float: left;line-height: 33px;margin-top: 7px;margin-left: 20px;color: #fff;}
.link nav{float: left;margin-left: 30px;height: 45px;line-height: 45px;}
.link nav a{color: #333;margin-right: 20px;}



/*bottom foot*/
.bottom{height: 413px;}
.bottom .a{height: 384px;background: #0c4fa1;padding-top: 10px;}
.bottom .a .lj{height: 193px;}
.bottom .a .lj .mr{height: 193px;width: 310px;border-left: solid 1px #ccc;text-align: center;padding-top: 10px;float: left;}
.bottom .a .lj .mr img{margin-bottom: 20px;}
.bottom .a .lj .mr p{margin-bottom: 3px;}
.bottom .a .lj .mr p a{color: #fff;font-size: 16px;}

.bottom .a .lj .cc{height: 193px;width: 570px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;text-align: center;padding-top: 10px;float: left;}

.bottom .a .lx{height: 125px;border: solid 1px #ccc;margin-top: 23px;}
.bottom .a .lx .lx_mr{width: 310px;text-align: center;padding-top: 25px;float: left;height: 125px;}
.bottom .a .lx .lx_mr img{display: block;margin: 0 auto 5px;}
.bottom .a .lx .lx_mr p{color: #fff;font-size: 16px;}

.bottom .a .lx .lx_c{width: 570px;text-align: center;float: left;height: 67px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;margin-top: 25px;}
.bottom .a .lx .lx_c img{display: block;margin: 0 auto 13px;}
.bottom .a .lx .lx_c p{color: #fff;font-size: 16px;}

.bottom .b{height: 30px;background: #0c4fa1;color: #fff;line-height: 30px;text-align: center;}
.bottom .b a{color: #fff;}

/*title*/
.title .top{text-align: center;margin-bottom: 30px;}
.title .top b{color: #0c4fa1;font-size: 34px;font-weight: bold;}
.title .top .x{border-bottom: solid 3px #999;width: 476px;margin: 3px auto 3px;}
.title .top span{font-size: 22px;color: #666;}
/*title*/

.productone .sec {
    width: 250px;
    /*position: absolute;*/
    z-index: 999;
    display: none; 
    flex-wrap: wrap;
    background: #ecebeb;
    color: #ffffff;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}
.productone .sec a:hover{ color: #0c4fa1;}
/*.productone .sec a:before{ content: ""; left: 0; top: 50%; width: 2px; height: 1px; position: absolute; background: #0c4fa1; visibility: hidden;}*/
/*.productone .sec a:hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}*/
/*.productone .sec a:after{ content: ""; left: 0; bottom: 50%; height: 1px; width: 2px; position: absolute; background: #0c4fa1; visibility: hidden;}*/
/*.productone .sec a:hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}*/
.sec li{
    font-size: 16px;
}
.sec li a{
    
    padding-left: 15px;
}



.box{ width:980px; margin:0 auto;}
.bcon{ width:270px; border:1px solid #eee; margin:30px auto;}
.bcon h1{ border-bottom:1px solid #eee; padding:0 10px;}
.bcon h1 b{ font:bold 14px/40px; border-top:2px solid #3492D1; padding:0 8px; margin-top:-1px; display:inline-block;}

.list_lh{ height:400px; overflow:hidden;}
.list_lh li{ padding:10px;}
.list_lh li.lieven{ background:#F0F2F3;}
.list_lh li p{ height:24px; line-height:24px;}
.list_lh li p a{ float:left;}
.list_lh li p em{ width:80px; font:normal 12px/24px Arial; color:#FF3300; float:right; display:inline-block;}
.list_lh li p span{ color:#999; float:right;}
.list_lh li p a.btn_lh{ background:#28BD19; height:17px; line-height:17px; color:#fff; padding:0 5px; margin-top:4px; display:inline-block; float:right;}
.btn_lh:hover{ color:#fff; text-decoration:none;}

.btm p{ font:normal 12px/24px 'Microsoft YaHei'; text-align:center;}