/*fp-seed:fhbyyumojgyk block:ljnuepz7yv*/
*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%}
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,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden}
.fl{ float: left}
.fr{ float: right}
@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/12f7a88f_pingfang_regular.ttf');font-weight: normal; font-style: normal}
.tywidth{ width: 1200px; margin: 0 auto}


/*header */
.header{width: 100%}
.header .header-1{height:32px;width: 100%;line-height: 32px;background: #ededed}
.header .header-1 .content{width: 1200px;margin: auto}
.header .header-1 .content b{color: #504B4B;font-size: 14px;line-height:32px}
.header .header-1 .content nav{line-height: 32px;float: right;height: 32px;width: 310px}
.header .header-1 .content nav .n1{width: 65px;line-height: 32px;font-size: 14px;float: left;color: #666666}
.header .header-1 .content nav .gun{height: 16px;width: 1px;background: #949494;margin-top:8px;float: left;margin-right: 15px;margin-left: 5px}

.header .header_slogan{ height: 143px;width: 1200px;margin:0 auto}
.header .header_slogan .logo{ width:180px; height: 55px;padding-top:30px;float: left}
.header .header_slogan .logo img{width: 100%}
.header .header_slogan .text{width: 643px;height: 86px;float: left;margin-left:38px;margin-top:32px;/**/ }
.header .header_slogan .text .t1{width:600px;height: 50px;font-size:24px;color: #000000;line-height: 50px}
.header .header_slogan .text .t2{width:600px;height: 30px;line-height: 30px;font-size:17px;color: #6D6D6D;margin-top: -4px}



.header .header_slogan .right{width: 240px;height: 110px; float:right}
.header .header_slogan .right .texts{width:240px;height: 100px;margin-left: 50px;padding-top:45px}
.header .header_slogan .right .texts .te1{color: #000000}
.header .header_slogan .right .texts .te2{color: #004299;font-size: 26px; font-weight:bold}
.header .header_slogan .right .phones{width: 38px;height: 42px;float: left}
.header .header_slogan .right .phones img{ margin-top:52px}

.header .header_slogan .right .phones{float: left;-webkit-animation: move 1.3s linear infinite;animation: move 1.3s linear infinite}


@keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)}
    70% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    75% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    80% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    85% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    90% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    95% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)}
}

@-webkit-keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)}
    70% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    75% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    80% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    85% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    90% {
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)}
    95% {
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)}
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)}
}

/*font-style: italic;斜体*/

/*导航*/
.header .na_v{width: 100%;height: 78px;margin:0 auto;margin-top: -1px;background: #004299}

.header .nav{ height: 78px; line-height: 78px;/* border-top: 1px solid #c4c4c4;*/margin:0 auto;width: 1200px}

.header .nav .nav-content nav .xz:nth-child(7n){ margin-right:0}
.header .nav .nav-content nav .xz{ height: 78px; width:12.5%;position: relative;text-align: center;
    display: inline-block; vertical-align: top; text-align: center}
.header .nav .nav-content nav .xz:last-child{margin-right: 0}
.header .nav .nav-content nav .xz{ position: relative; z-index: 1; color: #fff; font-size: 18px;
    /*margin-left:39px;margin-right:39px;*/
    float: left}
.header .nav .nav-content nav .xz:before{ content: ""; position: absolute;
    display: block; opacity: 0; background: blue;
    transition: all .3s ease-out}

.header .nav .nav-content nav .xz.on{background: #245cb9}
.header .nav .nav-content nav .xz:hover{background: #245cb9}
.header .nav .nav-content nav .xz:hover i{color: #fff}
.header .nav .nav-content nav .xz.on i{color: #fff}
.header .nav .nav-content nav .xz.on:before,.header .nav .nav-content nav .xz:hover:before{ opacity: 1; height: 6px}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; top: 78px; z-index: 999;
    transform: translateX(-50%); width: 145px; background-color: rgba(255, 255, 255, 0.902); border: 1px solid #eee;
    padding: 15px 0}
.header .nav .nav-content nav .xz ul li{ font-size: 16px; color: #666; line-height: 16px; margin-top: 15px}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0}
.header .nav .nav-content nav .xz ul li:hover{ color: #80A1CC}
.header .nav .nav-content nav .xz:hover .xian1{opacity: 0}
.header .nav .nav-content nav .xz.on .xian1{opacity: 0}
.header .nav .nav-content nav .xian1{position: relative;width: 1px;height: 20px;background: #7374AC;float: right;margin-top: 21px;margin-right: -1px}


/*banner*/

.banner-index{ line-height: 0}
.banner-index img{ width: 100%}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative}
.banner-index .slideBox .bd img{ width: 100%}
.slideBox .bd ul li{ display: none}
.slideBox .bd ul li:first-child{ display: none}
.banner img{ width: 100%}
.slideBox .hd{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 0}
.slideBox .hd ul li{ float: left; position: relative; width: 10px; height: 10px; background: #79746F; margin-right: 10px; cursor: pointer; border-radius: 100%; transition: all .3s}
.slideBox .hd ul li.on{ border-radius: 5px; width: 37px;background: #004299}

/*search*/

.search{ font-size: 0; height: 65px; line-height: 65px; border-bottom: 1px solid #f0f0f0; background: #fdfdfd; overflow: hidden}
.search-content>div{ display: inline-block;vertical-align: top}
.search-keywords span{ color: #666; font-size: 14px; font-weight: bold; margin-right: 15px}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0}
.search-keywords a{ color: #666; font-size: 14px}
.search-keywords a:hover{ color: #004299}
.search-keywords i{ margin: 0 15px; color: #666; font-size: 14px}
.search-form{ float: right}
#searchForm{ margin-top: 15px; width: 239px; height: 31px; display: inline-block; vertical-align: top}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999}
#searchForm .search-input{ height: 31px; line-height: 31px; width: 87%}
.search-form #s_btn{ width: 31px; height: 31px; cursor: pointer}
#searchForm .search-input::-webkit-input-placeholder{ color: #999}
#searchForm .search-input:-moz-placeholder{ color: #999}
#searchForm .search-input::-moz-placeholder{ color: #999}
#searchForm .search-input:-ms-input-placeholder{ color: #999}


/*m1*/

.m1{height: 174px;background: #245cb9;width: 100%}
.m1 .nr{width: 1200px;height: 174px;margin:0 auto}
.m1 .nr ul li{float: left;width: 300px;height: 174px}
.m1 .nr ul li.on{background: #fff}
.m1 .nr ul li .l1{width: 300px;text-align: center;padding-top: 27px}
.m1 .nr ul li .l1 .yc{ display: none}
.m1 .nr ul li.on .xs{ display: none}
.m1 .nr ul li.on .yc{ display: inline-block}
.m1 .nr ul li .l2{width: 300px;text-align: center;color: #fff;font-size: 18px;font-weight:bold;padding-top: 20px}
.m1 .nr ul li .l3{width: 300px;text-align: center;color: #fff;font-size: 16px;padding-top: 7px}
.m1 .nr ul li.on .l2{color: #5D90D1}
.m1 .nr ul li.on .l3{color: #5E8ED0}

.c{
	clear:both;
	overflow:hidden}
	


/*cp*/
.cp{width: 100%;background: #f5f5f5;/*height: 1265px;*/ padding-bottom:60px}
.cp .top1{width: 1200px;font-size: 32px;color: #222222;margin:0 auto;text-align: center;letter-spacing:1px;padding-top: 77px}
.cp .top1 b{font-weight:bold;color: #023F9C}
.cp .top2{width: 1200px;font-size:20px;color: #222222;margin:0 auto;text-align: center;margin-top: 20px;margin-bottom: 58px}

.cp .nr{/*height: 950px;*/width: 1200px;margin:0 auto}
.cp .nr .left{width: 314px;/*height: 950px;*/background: #f1f1f1;float: left}
.cp .nr .left .l0{width: 314px;height: 128px;background: url(../images/4cb71f71_cp_lo.png)no-repeat center}
.cp .nr .left .list{width: 314px;/*height: 695px;*/background:#fff}
.cp .nr .left .list{/*height: 695px;*/width: 314px;background: #fff;overflow: hidden;padding-top:30px;padding-left:30px;padding-right: 10px}
.cp .nr .left .list .lli{background: url("../images/6a820b7b_cp_dbx1.png")no-repeat right;padding-left:35px;background-position-x:33px}
.cp .nr .left .list .on{background: url("../images/58741290_cp_dbx2.png")no-repeat right;background-position-x:33px}
.cp .nr .left .list .lb{padding-bottom: 10px}
.cp .nr .left .list .lb .lli{padding-left:50px;margin-bottom: 10px;margin-top:15px}
.cp .nr .left .list .lb .ol li{padding-left:50px;margin-bottom: 10px}
.cp .nr .left .list .lb a{color: #666;font-size: 18px}
.cp .nr .left .list .lb a:hover{ color:#004299}
.cp .nr .left .list .bb{width: 255px;height: 48px;background: #004299;line-height: 48px;font-size: 20px;margin-top: 20px;
    padding-left:55px;margin-bottom: 23px}
.cp .nr .left .list .bb a{color: #fff}
.cp .nr .left .l3{width: 314px;height: 123px;background: url(../images/627cba73_cp_lo2.png)no-repeat center;margin-top: 8px;padding-top:11px;padding-left: 107px}
.cp .nr .left .l3 .wechat{width: 100px; text-align: center;position: absolute}
.cp .nr .left .l3 .wechat span{ display: block; position: relative; width: 100px; height: 100px; overflow: hidden;background: #fff}
.cp .nr .left .l3 .wechat span img{width: 100%}
.cp .nr .left .l3 .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/aad78850_light.png)no-repeat center; animation: light 4s linear infinite}

.cpsy01{
	float:left;
	margin-top:35px;
	margin-left:50px;
	width:60px}
.cpsy01 img{

	width:100%}
.cpsy02{
	float:left;
	margin-left:20px}
.cpsy02a{
	margin-top:30px;
	color:#fff;
	font-size:26px;
	font-weight:bold}
.cpsy02b{
	font-size:16px;
	font-weight:lighter;
	margin-top:5px;
	color:#fff}


.cp .nr .right{width: 850px;height: 950px;float: left;margin-left:36px}
.cp .nr .right .r1{width: 850px;height: 366px;margin-bottom: 15px;border:1px solid #E5E5E5;
    /*background: url(../images/cfa311b9_cp_tu1.png)no-repeat center;*/
}
.cp .nr .right .r1{box-shadow: 1px 1px 8px #DDDDDD}
.cp .nr .right .r1 .ra{width: 525px;height: 363px;float: left;overflow: hidden}

.cp .nr .right .r1 .ra img{transition: all .5s;width: 100%}
.cp .nr .right .r1 .ra:hover img{transform: scale(1.1, 1.1)}

.cp .nr .right .r1 .rb{width: 325px;height: 363px;float: left;background: pink}

/*525  363*/
.cp .nr .right .r1 .r1a{width:320px;height: 358px;float: right;padding-left:39px;padding-top:45px}
.cp .nr .right .r1 .r1a .t1{color: #00409A;font-size:22px;font-weight:bold;letter-spacing:1px;margin-bottom: 23px}
.cp .nr .right .r1 .r1a .t2{color: #666666;font-size:16px;line-height: 28px}
.cp .nr .right .r1 .r1a .t3{color: #666666;font-size:14px;line-height: 28px}


.cp .nr .right .r2{height: 600px;width: 850px;/*padding-top: 380px;*/}
.cp .nr .right .r2 ul li{float: left;width: 267px;height: 274px;margin-right: 24px;margin-bottom: 25px;border-bottom: 1px solid #DCDCDC}
.cp .nr .right .r2 ul li:nth-child(3n){ margin-right:0}
.cp .nr .right .r2 ul li .img{width: 267px;height: 220px;overflow: hidden}
.cp .nr .right .r2 ul li .img{box-shadow: 1px 6px 12px #bbbbbb}
.cp .nr .right .r2 ul li .img img{transition: all .5s;width: 100%}
.cp .nr .right .r2 ul li:hover .img img{transform: scale(1.1, 1.1)}
.cp .nr .right .r2 ul li:hover{border-bottom: 1px solid #004195}
.cp .nr .right .r2 ul li .title{width: 267px;line-height: 55px;text-align: center;font-size:16px;color: #232323}
.cp .nr .right .r2 ul li:hover .title{color: #004195}


/*首页服务*/
.cpaa{width: 100%;padding-bottom:10px}
.cpaa .top1{width: 1200px;font-size: 32px;color: #222222;margin:0 auto;text-align: center;letter-spacing:1px;padding-top: 17px}
.cpaa .top1 b{font-weight:bold;color: #023F9C}
.cpaa .top2{width: 1200px;font-size:20px;color: #222222;margin:0 auto;text-align: center;margin-top: 20px;margin-bottom: 58px}
.com-padding {
    padding-top: 90px;
    padding-bottom: 100px}
.bg-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat}
.w {
    width: 1400px;
    margin: 0 auto}
.mycol {
    margin: 0 -10px}
.mycol .col {
    float: left;
    padding: 0 10px;
    text-align: center}
.mycol-5 .col {
    width: 20%}
.index-title {
    text-align: center}
.index-title h3 {
    height: 50px;
    font-size: 36px;
    font-weight: 700;
	color:#333}

.index-title p {
    height: 50px;
    font-size: 16px;
	line-height:36px}


.index-service .index-title h4,
.index-service .index-title p {
  height: 70px}

.index-service li .box {
  padding-top: 55px;

  color: #fff;

  background: #004299;

  border-top: 6px solid #b93821;

  border-radius: 5px}

.index-service li .img {
  height: 110px}

.index-service li h4 {
  height: 40px;

  font-size: 28px}

.index-service li h5 {
  height: 30px;

  font-size: 16px}

.index-service li p {
  height: 70px;

  line-height: 20px;

  padding: 0 18%;

  font-size: 12px}





/*m2*/
.m2{height: 688px;width: 100%;background: url(../images/bf34a6ea_m2_bg.png)no-repeat center}
.m2 .nr{width: 1200px;height: 688px;margin:0 auto;padding-top: 116px}
.m2 .nr .t1{width: 703px;height: 36px;margin:0 auto;background: url(../images/d1345a3c_zt.png)no-repeat center}
.m2 .nr .t2{width: 1010px;height: 80px;line-height: 30px;font-size: 16px;color: #fff;text-align: center;margin:0 auto;padding-top: 27px}
.m2 .nr .hd{height: 350px;width: 1250px;padding-top: 72px}
.m2 .nr .hd ul li{float: left;width:250px;margin-right: 66px;height: 268px;background: #fff;padding-left: 40px;padding-top:52px}
.m2 .nr .hd ul li.on{background: #5D8FCE}
.m2 .nr .hd ul li.on .l1{color: #fff}
.m2 .nr .hd ul li.on .l2{background: #fff}
.m2 .nr .hd ul li.on .l3{color: #fff}
/*.m2 .nr .hd ul li.on .l4*/
/*.m2 .nr .hd ul li:nth-child(9n){ margin-right:0}*/
.m2 .nr .hd ul li:last-child{margin-right: 0}
.m2 .nr .hd ul li .l1{font-size:22px;font-weight:bold;color: #004092;letter-spacing:1px}
.m2 .nr .hd ul li .l2{width: 18px;height: 1px;background: #0051BD;margin-top: 20px;margin-bottom: 15px}
.m2 .nr .hd ul li .l3{font-size: 17px;color: #666668;margin-bottom: 10px}
.m2 .nr .hd ul li .l4{width: 54px;height: 7px;margin-top: 24px}
.m2 .nr .hd ul li.on .l4{display: none}
.m2 .nr .hd ul li.on .l5{display: inline-block}

.m2 .nr .hd ul li .l5{display: none; width: 105px;height: 27px;border-radius: 25px;background: #fff;margin-top:27px;line-height: 27px;text-align: center;color: #5E8FD1}




/*m3*/
.m3{height: 792px;width: 100%;background: url(../images/d590c395_m3_bg.png)no-repeat center}
.m3 .top1{width: 1200px;font-size: 32px;color: #222222;margin:0 auto;text-align: center;letter-spacing:1px;padding-top: 77px}
.m3 .top1 b{font-weight:bold;color: #023F9C}
.m3 .top2{width: 1200px;font-size:20px;color: #222222;margin:0 auto;text-align: center;margin-top: 20px;margin-bottom: 58px}

.m3 .nr{width: 1200px;height: 480px;margin:0 auto}
.m3 .nr .hd{width: 268px;height: 480px;float: left}
.m3 .nr .bd{width: 893px;height: 480px;float: left;margin-left: 39px}

.m3 .nr .hd ul li{width:268px;height: 120px;border-bottom: 1px solid #F7F7F7;padding-top: 50px;background: #fff}
.m3 .nr .hd ul li .l1{height: 30px;width: 268px}
.m3 .nr .hd ul li .l1 .xs{width: 20px;height: 1px;background: #999999;float: left;margin-top: 15px;margin-left: 68px}
.m3 .nr .hd ul li .l1 .yc{float: left;width: 50px;height:1px;background: #fff;margin-top: 15px;margin-left: 38px}
.m3 .nr .hd ul li .l1 .title{float: left;height: 30px;width: 100px;margin-left: 15px;color: #333333;font-size: 20px;line-height:28px}
.m3 .nr .hd ul li .sz{width: 249px;height: 10px;text-align: right;color: #D6D6D6}

.m3 .nr .hd ul li.on{background: #004299}
.m3 .nr .hd ul li .l1 .yc{ display: none}
.m3 .nr .hd ul li.on .l1 .xs{ display: none}
.m3 .nr .hd ul li.on .l1 .yc{ display: inline-block}
.m3 .nr .hd ul li.on .title{color: #fff}
.m3 .nr .hd ul li.on .sz{color: #fff}

.m3 .nr .bd ul li{padding-top: 57px}
.m3 .nr .bd ul li .tp{width: 893px;height: 480px;position: absolute;z-index: 1;margin-top: -57px}
.m3 .nr .bd ul li .tp img{width: 100%}
.m3 .nr .bd ul li .xnr{width: 407px;height: 353px;background: #fff;position: relative;z-index: 33;margin-left: 445px;padding-left: 36px;padding-top: 40px}
.m3 .nr .bd ul li .xnr .x1{width: 350px;height: 25px;font-size: 18px;color: #003E95;font-weight:bold}
.m3 .nr .bd ul li .xnr .x2{width: 335px;font-size: 14px;color: #656563;line-height: 24px;margin-top: 36px}
.m3 .nr .bd ul li .xnr .x3{width: 125px;height: 30px;background: #004299;line-height: 30px;text-align: center; margin-top: 36px;color: #fff;font-size: 16px}
.m3 .nr .bd ul li .xnr .x3:hover{border-radius: 25px}

/*335 24*/
/*****************************/
.honor_a{
	margin-top:0px;
	margin-bottom:30px;
	clear:both;
	overflow:hidden}
.honor_a01{
	float:left;
	width:23.5%;
	box-sizing:border-box;
	overflow:hidden;
	margin-right:2%}
.honor_a01:last-child{
	margin-right:0}
.honor_a01 img{
	width:100%}
.honor_a01a{
	box-sizing:border-box;
	border:1px solid #dfdfdf;
	padding:3px}
.honor_a_w{
	background-color:#f1f1f1}
.honor_a01b{
	padding-top:25px;
	text-align:center;
	font-size:16px}
	/*************************/

/*case*/
.case{height: 760px;width: 100%}
.case .top1{width: 1200px;font-size: 32px;color: #222222;margin:0 auto;text-align: center;letter-spacing:1px;padding-top: 77px}
.case .top1 b{font-weight:bold;color: #023F9C}
.case .top2{width: 1200px;font-size:20px;color: #222222;margin:0 auto;text-align: center;margin-top: 20px;margin-bottom: 58px}

.case .nr{width: 1200px;height: 620px;margin:0 auto}
.case .nr .hd{width: 1220px;height: 96px;overflow: hidden}
.case .nr .bd{width: 1200px;height: 470px;background: #f3f3f3;margin-top: 30px}

.case .nr .hd .xian{width: 1200px;height: 35px;border-bottom: 1px solid #E0E8F3;position: absolute;z-index: -1}
.case .nr .hd ul li{width: 67px;height: 96px;margin-right: 37px;float: left}
/*margin-right: 75px;*/
.case .nr .hd ul li:last-child{margin-right: 0}
/*.case .nr .hd ul li:nth-child(9n){ margin-right:0}*/
.case .nr .hd ul li .tp{width: 66px;height: 66px;background: url(../images/16a2541d_m4_1.png)no-repeat center;text-align: center;padding-top:15px}
.case .nr .hd ul li.on .tp{background: url(../images/57b51737_m4_2.png)no-repeat center}
.case .nr .hd ul li .tp .yc{ display: none}
.case .nr .hd ul li.on  .tp .xs{ display: none}
.case .nr .hd ul li.on  .tp .yc{ display: inline-block}
.case .nr .hd ul li .title{position: relative;width: 100px;margin-left: -17px;text-align: center;margin-top: 10px;font-size: 16px}
.case .nr .hd ul li.on .title{color: #023F9C;font-weight:bold}

.case .nr .hd .prev{width: 32px;height: 97px;border:1px solid #E5E5E5;position: absolute;margin-left: -75px;z-index: 33;
    text-align: center;padding-top:35px}
.case .nr .hd .prev .yc{ display: none}
.case .nr .hd .prev:hover .xs{ display: none}
.case .nr .hd .prev:hover .yc{ display: inline-block}
.case .nr .hd .next{width: 32px;height: 97px;border:1px solid #E5E5E5;position: absolute;margin-left:1245px;z-index: 33;
    text-align: center;padding-top:35px}
.case .nr .hd .next .yc{ display: none}
.case .nr .hd .next:hover .xs{ display: none}
.case .nr .hd .next:hover .yc{ display: inline-block}

.case .nr .bd ul li{width: 1200px;height: 470px}
.case .nr .bd ul li .hz{width: 1038px;height: 128px;background: #fff;padding-top:25px;
    position: absolute;margin-top: -166px;margin-left: 82px;padding-left:30px}
.case .nr .bd ul li .hz .hz1{font-size: 19px;color: #023F9C;font-weight:bold;width: 840px;margin-bottom: 11px;float: left}
.case .nr .bd ul li .hz .hz2{font-size: 14px;color: #555555;width: 840px;line-height: 25px;float: left}
.case .nr .bd ul li .hz .hz3{height: 85px;width: 110px;border-left: 1px solid #D2D2D2;margin-left: 47px;
    float: left;margin-top: -34px;text-align: center;padding-top:35px}

.case .nr .hd .last{width: 67px;height: 96px;float: left;margin-left: 25px}
.case .nr .hd .last .tp{width: 66px;height: 66px;background: url(../images/16a2541d_m4_1.png)no-repeat center;text-align: center;padding-top:15px}
.case .nr .hd .last:hover .tp{background: url(../images/57b51737_m4_2.png)no-repeat center}
.case .nr .hd .last .tp .yc{ display: none}
.case .nr .hd .last:hover  .tp .xs{ display: none}
.case .nr .hd .last:hover  .tp .yc{ display: inline-block}
.case .nr .hd .last .title{position: relative;width: 100px;margin-left: -17px;text-align: center;margin-top: 10px;font-size: 16px}
.case .nr .hd .last:hover .title{color: #023F9C;font-weight:bold}



/*878*/
/*简介  brief    模块8 */
.brief{/*height:860px;*/width:100%;/*background: pink;*/margin-top: 55px; margin-bottom:60px}
.brief .bd{width: 1200px;height: 456px;margin:0 auto;padding-top:110px}
.brief .bd .bd_a{width: 1200px;height: 396px}
.brief .bd .bd_a .bd_left{width: 639px;height: 346px;float: left}

.brief .bd .bd_a .right{width: 523px;height: 313px;position: absolute;background: url("../images/289ba19e_m6_tu_bg.png")no-repeat center;margin-left: 745px;z-index: -1;margin-top: -28px}

.brief .bd .bd_a .bd_right{width: 521px;height: 319px;float: right;overflow: hidden;margin-left:37px;border:2px solid #E5E5E5}
.brief .bd .bd_a .bd_right img{transition: all .5s;width: 100%}
.brief .bd .bd_a .bd_right:hover img{transform: scale(1.1,1.1)}
.brief .bd .bd_a .bd_left .left_1{height: 100px;width: 639px;background: #ffffff}
.brief .bd .bd_a .bd_left .left_1 .title{height: 50px;width: 222px;font-size: 30px;line-height: 50px;margin-top:18px;position:absolute}
.brief .bd .bd_a .bd_left .left_1 .title1{height: 100px;width: 434px;float: right}
.brief .bd .bd_a .bd_left .c_1{width:540px;height: 80px;font-size: 16px;color: #656565;line-height: 28px}
.brief .bd .bd_a .bd_left .c_2{width: 532px;height: 34px;margin-top:35px}
.brief .bd .bd_a .bd_left .c_3{width: 125px;height:33px;font-size: 14px;margin-top:25px;color: #fff;line-height: 33px;text-align: center;background: #004299}
.brief .bd .bd_a .bd_left .c_3:hover{border-radius: 25px}


.akaka{width: 100%;height: 265px;margin:0 auto;margin-top:30px}
.brief .bd_b{height: 265px;width:100%}
.brief .bd_b .bigs{width: 1200px;height: 265px;border-top:1px solid #E3E3E3;margin:0 auto}

.brief .bd_b .bigs .contents li{width: 287px;height: 265px;margin-right: 20px;float: left;/*border-top:1px solid #ffffff;*/}

.brief .bd_b .bigs .contents li .d1{width: 287px;height:209px}
.brief .bd_b .bigs .contents li .d1 img{width: 100%}
.brief .bd_b .bigs .contents li .d2{width: 287px;height:46px;line-height: 46px;text-align: center;font-size: 16px}

.brief .bd_b .bigs .contents li .abc:hover .a1{opacity: 1}
.brief .bd_b .bigs .contents li .abc:hover .a2{opacity: 1}

.brief .bd_b .bigs .contents{width: 1280px;height:255px;margin:46px auto}
.brief .bd_b .bigs .contents .left{width:75px;height: 27px;float: left;margin-top:-174px;position: relative;padding-top:4px; text-align: center;z-index: 70;background: #004299;margin-left:-35px}
.brief .bd_b .bigs .contents .right{width:75px;height: 27px;float: right;margin-top:-174px;margin-right: 35px;text-align: center;padding-top: 4px;
    position: relative;z-index: 70;background: #004299}

.brief .bd_b .bigs .contents .left:hover{border-radius: 25px;cursor:pointer}
.brief .bd_b .bigs .contents .right:hover{border-radius: 25px;cursor:pointer}

/*m5*/
.m5{height: 728px;width: 100%;background: url(../images/99a01cff_m5_bg.png)no-repeat center}
.m5 .top1{width: 1200px;font-size: 32px;color: #fff;margin:0 auto;text-align: center;letter-spacing:5px;padding-top: 77px}
.m5 .top1 b{font-weight:bold;color: #fff}
.m5 .top2{width: 1200px;font-size:20px;color: #fff;margin:0 auto;text-align: center;margin-top: 20px}
.m5 .hd{width: 1200px;height: 500px;margin:0 auto;padding-top: 41px}

.m5 .hd ul li{width: 386px;height: 460px;margin-right: 21px;background: #fff;float: left;padding-top: 5px;padding-left: 5px}

.m5 .hd ul li.on{background: #004299}
.m5 .hd ul li:last-child{margin-right: 0}
.m5 .hd ul li .tp{width: 376px;height: 254px;background: pink}
.m5 .hd ul li .tp img{width: 100%}
.m5 .hd ul li .l1{font-size: 24px;color: black;width: 386px;text-align: center;font-weight:bold;margin-top: 29px}
.m5 .hd ul li .l2{width: 323px;height:80px;line-height:25px;color: #333333;font-size: 14px;text-align: center;margin:0 auto;padding-top: 12px}

.m5 .hd ul li .l3{width: 106px;height: 30px;border-radius: 25px;background: #004299;margin:0 auto;line-height: 30px;text-align: center;color: #fff}
.m5 .hd ul li.on .l1{color: #fff}
.m5 .hd ul li.on .l2{color: #fff}
.m5 .hd ul li.on .l3{color: #004299;background: #fff}



/*news*/
.news{/*height: 671px;*/width: 100%;background: url(../images/e0459039_m7_bg.png)no-repeat center; padding-bottom:80px}
/*新闻  news */
.news{width: 100%;background: url(../images/e0459039_m7_bg.png) repeat center}
.news .big{height: 642px;width:1200px;margin: 0 auto;border-top:1px solid #F6F6F6}
.news .big .bd{height: 510px;width:1200px;margin-top: 70px}
.news .big .header{height: 60px;width:1200px;border-bottom:1px solid #E5E5E5}
.news .big .header .header_1{height: 60px;width:450px}
.news .big .header .header_1 .title{height: 60px;width:130px;font-size: 30px;float: left;line-height: 60px;font-weight: bold;color: #323232}
.news .big .header .header_1 .title2{height: 20px;width:320px;font-size: 19px;float: left;margin-top: 23px;color: #999999}
.news .big .bd .bd_nav{height: 60px;width:415px;margin-top:-60px;float: right}



.news .big .bd .bd_nav ul li{float: left;text-align: center;line-height: 30px;
    font-size: 13px;margin-left:12px;height: 30px;width: 126px;background: #ffffff;margin-top:17px;color: #666666}



.news .big .bd .bd_nav ul li.on{background: #004299}
.news .big .bd .bd_nav ul li.on h3 a{color: #ffffff}



/*.news .big .bd .bd_nav ul li:hover{background: #E4B064}*/
/*.news .big .bd .bd_nav ul li:hover a{color: #ffffff}*/
.news .big .bd .bd_body{height: 460px;width:1200px;margin-top:45px}
.news .big .bd .bd_body li{width: 1200px;height: 460px;margin:0 auto}
.news .big .bd .bd_body .ys_1{height:460px;width:486px;float: left}
.news .big .bd .bd_body .ys_1 .ys_1a{height: 283px;width:485px;overflow: hidden}
.news .big .bd .bd_body .ys_1 .ys_1a img{width: 100%;transition: all .5s}
.news .big .bd .bd_body .ys_1 .ys_1a:hover img{transform: scale(1.1, 1.1)}
.news .big .bd .bd_body .ys_1 .ys_1b{height: 168px;width:470px;margin-left:0px}
.news .big .bd .bd_body .ys_1 .ys_1b .a1{height: 33px;width:460px;font-size: 18px;color: #333333;margin-top:30px;overflow: hidden}
.news .big .bd .bd_body .ys_1 .ys_1b .a2{height: 50px;width:470px;font-size: 14px;color: #989898;margin-top:12px;overflow: hidden;line-height: 25px}
.news .big .bd .bd_body .ys_1 .ys_1b .a3{height: 25px;width:105px;font-size: 14px;margin-top:16px;background: #004299;
    text-align: center;line-height: 23px}
.news .big .bd .bd_body .ys_1 .ys_1b .a3 a{color: #fff}
.news .big .bd .bd_body .ys_1 .ys_1b .a3:hover{border-radius:25px}
/*border-radius:5px;*/

.news .big .bd .bd_body .ys2{width: 615px;height: 460px;float: right;overflow: hidden;border-top: 1px solid #D2D2D2}
.news .big .bd .bd_body .ys2 .ys2a{width: 615px;height: 150px;border-bottom: 1px solid #D2D2D2}
.news .big .bd .bd_body .ys2 .ys2a .l{width: 500px;height: 148px;float: left}
.news .big .bd .bd_body .ys2 .ys2a .l .la{width: 500px;height: 66px;padding-top: 40px}
.news .big .bd .bd_body .ys2 .ys2a .l .la .la1{width: 25px;height: 25px;font-size: 46px;line-height: 20px;float: left}
.news .big .bd .bd_body .ys2 .ys2a .l .la .la2{width: 475px;height: 25px;float: left;font-size: 19px;color: #666666;line-height: 25px}
.news .big .bd .bd_body .ys2 .ys2a .l .lb{width: 500px;height: 66px;line-height:20px;font-size: 15px;color: #666666;padding-left:28px;margin-top: 15px}
.news .big .bd .bd_body .ys2 .ys2a .l .lb:hover a{text-decoration: underline}


.news .big .bd .bd_body .ys2 .ys2a .r{width: 115px;height: 148px;float: left}
.news .big .bd .bd_body .ys2 .ys2a .r .r1{width: 115px;text-align:right;height: 70px;letter-spacing:2px;padding-top: 40px;line-height: 30px;color: #666666;font-size: 18px}
.news .big .bd .bd_body .ys2 .ys2a .r .r2{width: 40px;height: 20px;background: url(../images/8ea8a278_m7_xz.png)no-repeat center;float: right;margin-right: 10px;margin-top: 23px}





/*foot*/
.foot{width:100%;height:355px;margin:0 auto}
.foot{ font-size: 0; background: #0F4082; overflow: hidden}/*@grid s25shb67*/
.foot .nav{ border-bottom: 1px solid #004299; padding: 13px 0}
.foot .nav nav{ padding-left: 10px}
.foot .nav nav a{ display: inline-block; vertical-align: middle; overflow: hidden; line-height: 16px; color: #fff; font-size: 16px; margin-right: 56px}
.foot .nav nav a i{ position: relative; display: inline-block; color: #fff; font-size: 16px; line-height: 16px; transition: all ease-out .3s}
.foot .nav nav a i:after{ position: absolute; left: 0; width: 100%; color: #004299; content: attr(data-title); transform: translateY(100%); top: 100%;transition: all ease-out .3s}
.foot .nav nav a:hover i:after{ transform: translateY(0)}
.foot .nav nav a:hover i{ transform: translateY(-100%)}
.foot .nav nav a:last-child{ margin-right: 0}

.foot .content{ padding-top: 40px; height:300px; overflow: hidden}
.foot .content .wechat{width: 116px; text-align: center;position: absolute;margin-left: 1088px;margin-top: 34px}
.foot .content .wechat span{ display: block; position: relative; width: 116px; height: 116px; overflow: hidden;background: #fff}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/aad78850_light.png)no-repeat center; animation: light 4s linear infinite}
.foot .content .wechat p{ color: #fff; font-size: 14px; line-height: 14px; margin-top:23px}
.foot .content .wechat span img{width: 100%}
.foot .content .la{width: 410px;height: 220px;float: left;margin-right: 6px;padding-top: 25px}
.foot .content .lb{width: 160px;height: 220px;float: left;margin-right: 6px;padding-top: 30px}

.foot .content .la .la1{font-size: 24px;color: #fff;font-weight:bold;margin-bottom: 11px}
.foot .content .la .la2{font-size: 16px;color: #fff;line-height: 35px}
.foot .content .lb .lb1{width: 91px;height: 25px;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;font-weight:bold;line-height: 15px;margin-bottom: 15px}
.foot .content .lb .lb2{width: 100%;line-height:28px;font-size: 16px;color: #fff}





.foot .bottom{ color: #fff; font-size: 14px; height:55px; line-height: 55px; background: #0D3A75;overflow: hidden}
.foot .bottom ol a{ color: #fff; font-size: 14px}
.foot .bottom dl a{ display: inline-block; vertical-align: middle; color: #fff; font-size: 14px}
.foot .bottom dl li:first-child{ color: #fff; font-size: 14px;/* width: 135px; */margin-right: 0; letter-spacing: 1px}
.foot .bottom dl li:last-child{ margin-right: 0}
.foot .bottom dl li{ display: inline-block; vertical-align: top; margin-right: 40px}
.foot .bottom li:hover a,.foot .bottom ol a:hover{ color: #fff; text-decoration: underline}
@media only screen and (max-width: 1200px){ .foot .content .text{ padding-right: 20px}
}
@media only screen and (max-width: 1200px){ .foot .bottom .fr{ padding-right: 20px}
}


.cp .nraaa{
	clear:both;
	overflow:hidden;
	width:1200px;
	margin:0 auto}
.cp .nraaa ul li{
	float:left;
	width:49%;
	margin-right:2%;
	    margin-bottom: 15px;
    border: 1px solid #E5E5E5;
    /* background: url(../images/cfa311b9_cp_tu1.png) no-repeat center;*/
	box-shadow: 1px 1px 8px #DDDDDD}
.cp .nraaa ul li:nth-child(2n){
	margin-right:0%}
.cp .nraaa ul li .r1{
	clear:both;
	overflow:hidden}
.cp .nraaa ul li a{
	display:block;
	float:left;
	width:60%}
.cp .nraaa ul li a img {
    height: 324px;
	width:100%}
.cp .nraaa ul li .r1a{
	float:right;
	box-sizing:border-box;
	padding:0 15px;
	width:38%}
.cp .nraaa ul li .r1a .t1 {
    color: #00409A;
    font-size: 18px;
    font-weight: bold;
	margin-top:25px;
    margin-bottom: 23px}
.cp .nraaa ul li .r1a .t2{
	color:#666}
	
/***************/
.cpa{width: 100%;padding-bottom:60px}
.cpa .top1{width: 1200px;font-size: 32px;color: #222222;margin:0 auto;text-align: center;letter-spacing:1px;padding-top: 77px}
.cpa .top1 b{font-weight:bold;color: #023F9C}
.cpa .top2{width: 1200px;font-size:20px;color: #222222;margin:0 auto;text-align: center;margin-top: 20px;margin-bottom: 58px}
/********************/
.main {
    margin: 0 auto;
    width: 1200px}
#sma{
margin-top:10px;
clear:both;
overflow:hidden}
.fold_wrap{width:100%;height:360px;margin:0px auto 0 auto;overflow:hidden}
.fold_wrap li{float:left;width:25%;height:360px;position:relative;overflow:hidden;cursor:pointer; box-sizing: border-box;padding: 0 5px}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;right:0px;top:0px; text-align:left;background:rgba(0,0,0,0);_background:#B2B2B2;z-index:11}
.fold_wrap li.active .mask_b{background:none}
.fold_wrap li .mask_b h4{color:#fff;width:100%;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative; right:40px; padding-top:30px}
.fold_wrap li.big{width:875px}
.i_how_n1{ top:370px}
.pic_auto{width:100%;height:100%; filter:brightness(90%);background-size: cover !important}
.fold_wrap li:hover .mask_b{
}
.fold_wrap li.active .mask_b{
}

/***********************/
.bj_a {
    margin-left: 40px;
    color: #fff;
    margin-top: 50px;
	font-size: 30px;
	font-weight: bold}
.bj_a .bj_a01{
	float: left;
	width: 2px;
	height: 70px;
	background-color: #fff}
.bj_a .bj_a02{
	float: left;
	width: 40px;
	height: 160px;
	margin-left: 20px;
	line-height:34px}
.bj_b{
	width: 100%;
	box-sizing: border-box;
	padding: 30px}
.bj_b01{
	text-align: center;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 40px}
.bj_b02{
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	line-height: 30px;
	color: #fff}
.bj_b03{
	width: 100%;
	box-sizing: border-box;
	padding:10px 30px;
	font-size: 15px;
	color: #fff;
	line-height: 24px}
.bj_c{
	position: absolute;
	bottom: 50px;
	left:20px}
.bj_c01{

	clear: both;
	margin-bottom:10px;
	font-size: 24px;
	color: #fff;
	font-weight: bold;    box-sizing: border-box;
    padding-right: 10px}
.bj_c02{
	font-size: 14px;
	color: #fff;    box-sizing: border-box;
    padding-right: 10px}

.fold_wrap li .bj_b{
	width: 0;
	display: none;
	overflow: hidden;transition: all .3s ease-in-out}
.fold_wrap li:hover .bj_b{
	width:100%;
	display: block}
.fold_wrap li.active .bj_b{display: block;width:100%}
.con_more{
	margin:30px auto;
	width: 280px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #023F9C;
	border-radius: 8px}
.con_more a{
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	font-size: 16px}
.con_more a.con_more_a{
	background-color: #023F9C;
	color: #fff}
/***********************/


.yz{padding-top: 50px;box-sizing: border-box;padding-bottom:70px}
.yz h2{font-weight: normal;text-align: center}
.yz h2 span{display: block;font-size: 30px;color: #333333;line-height: 30px}
.yz h2 i{display: block;font-size: 40px;color: #333333;line-height: 40px;padding-top: 10px;font-weight: bold; font-style: normal}
.yz .xx{display: block;font-size: 15px;color: #666;line-height: 24px;margin-top: 40px;text-align: center}
.yz ul{ margin:65px 50px 0;height: 226px;text-align: center}
.yz ul li{ float:left;width:220px;height: 226px;border-right: 1px solid #dddddd;box-sizing: border-box;transition:all 0.5s;position: relative;z-index: 10}
.yz ul li:last-child{ border-right: 0}
.yz ul li em{ display: block;margin: 32px auto 0;width: 62px;height: 62px;overflow: hidden}
.yz ul li em img{display: block;width: 62px;height: 62px;transition:all 0.5s}
.yz ul li.cur{ box-shadow: 0 0 32px 13px rgba(44,47,62,0.10)}
.yz ul li.cur img:nth-child(1){ margin-top:-62px}
.yz ul li.cur p{ display:block}
.yz ul li b{ display: block;font-size: 22px;color: #333;line-height: 22px;font-weight: normal;padding-top: 20px;padding-bottom: 9px}
.yz ul li span{ display: block;font-size: 12px;color: #333;line-height: 12px;opacity: 0.2;text-transform: uppercase}
.yz ul li p{ display: none;font-size: 14px;line-height: 20px;color:#2c2f3e;padding:0 52px 0}
.yz ul li.cur span{ display:none}
.yz ul li.cur b{ font-weight: bold;color:#2c2f3e}