@charset "utf-8";

.banner {
    width: 100%;
    height: 658px;
    overflow: hidden;
    position: relative;
}

.banner img {
    width: 1920px;
    height: 658px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}

.n_banner {
    width: 100%;
    height: 488px;
    overflow: hidden;
    position: relative;
}

.n_banner img {
    width: 1920px;
    height: 488px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
}

.contact_banner {
    width: 1200px;
    height: 830px;
    /* background: #c19968; */
    margin: 0 auto;
    padding: 85px 0 0 0px;
    box-sizing: border-box;
    margin-bottom: 65px;
    position: relative;
    box-shadow: 0px 0px 15px #999;
}

.about {
    width: 100%;
    height: 670px;
    background: url('../images/pc_index_about_bg.jpg') center no-repeat;
}

.ab_body {
    width: 1200px;
    margin: 0px auto;
    padding: 130px 40px 0 40px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.ab_en {
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    margin: 5px 0;
}

.ab_en i {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
}

.ab_entitle {
    font-size: 50px;
    color: #0071ad;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 45px;
    font-family: '微软雅黑';
}

.ab_title {
    font-size: 40px;
    font-family: jtz;
}

.ab_title_n {
    font-size: 35px;
    font-family: jtz;
}

.ab_neirong {
    width: 100%;
    display: flex;
}

.ab_neirong div:first-child {
    width: 740px;
    height: 300px;
    line-height: 35px;
    margin-top: 30px;
    color: #171717;
}

.ab_neirong div:last-child {
    position: relative;
    margin: 35px 0 0 30px;
    width: 342px;
    height: 201px;
}

.ab_ne_img1 {
    width: 360px;
    height: 287px;
}

.ab_ne_img2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39px;
    margin-top: -39px;
    cursor: pointer;
    width: 78px;
    height: 78px;
    background: url('../images/play.png') no-repeat;
    display: block;
}

.video {
    width: 100%;
    height: 960px;
    background: url('../images/pc_index_video_bg.jpg') center no-repeat;
}

.vi_body {
    width: 1250px;
    margin: 0px auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.vi_top {
    margin-top: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.vi_top::after {
    width: 18px;
    height: 10px;
    border-bottom: 2px solid #171717;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -10px;
}

.vi_neirong {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
}

.vi_neirong div {
    width: 400px;
    height: 315px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: relative;
}

.vi_neirong div dd {
    position: relative;
}

.vi_neirong div img {
    width: 398px;
    height: 224px;
}

.vi_neirong div:nth-child(3n) {
    margin-right: 0px;
}

.vi_neirong div span {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 18px 20px;
    position: relative;
}

.vi_neirong div span h2 {
    font-size: 22px;
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vi_neirong div span p {
    font-size: 14px;
    margin-top: 5px;
    color: #777;
}

.vi_neirong div span::after {
    content: "YONG YI.";
    position: absolute;
    right: 15px;
    top: 27px;
    font-size: 12px;
    color: #666;
}

.products {
    width: 100%;
    height: 900px;
}

.pro_body {
    width: 1250px;
    margin: 0px auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.vi_pro {
    width: 1250px;
    height: 700px;
    margin: 0px auto;
    background: url('../images/pro_line_bg.jpg') repeat-x 0 400px;
    overflow: hidden;
    position: relative
}

#pro_gun {
    display: flex;
    position: absolute;
    left: 0px;
    transition: left 3s;
}

.pro_list {
    width: 300px;
    padding-top: 150px;
    height: 430px;
    display: flex;
    flex-direction: column;
    margin-right: 65px;
}

.pro_list img {
    width: 300px;
    height: 320px;
    margin-bottom: 50px;
    cursor: pointer;
}

.pro_list span {
    font-size: 22px;
    height: 70px;
    overflow: hidden;
    display: block;
    color: #3b3b3b;
    text-align: center;
    padding: 0px 40px;
}

.pro_title {
    color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 480px;
}

.nigong {
    width: 100%;
    height: 680px;
    background: url('../images/nigong_bg.jpg') top center;
    margin-top: 50px;
}

.nigong_body {
    width: 1250px;
    height: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.nigong_870 {
    width: 1250px;
    display: flex;
    justify-content: space-between;
}

.vi_top2 {
    display: flex;
    flex-direction: column;
    position: relative;
}

.vi_top2::after {
    width: 18px;
    height: 10px;
    border-bottom: 2px solid #171717;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 2px;
}

.ng_chakan {
    width: 205px;
    height: 55px;
    background: #c29a69;
    position: relative;
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 55px;
    margin-left: 135px;
    /* margin-top: 50px; */
}

.ng_chakan::after {
    content: '';
    width: 185px;
    height: 35px;
    position: absolute;
    border: 1px solid #fff;
    left: 10px;
    top: 10px;
}

.nigong_870_2 {
    width: 870px;
    height: 40px;
    color: #333;
    font-size: 17px;
    line-height: 35px;
    margin-top: 20px;
}

.nigong_870_3 {
    width: 1250px;
    height: 518px;
    display: flex;
    justify-content: space-between;
}

.nigong_870_3 li {
    width: 390px;
    height: 477px;
    display: flex;
    flex-direction: column;
    /* margin-right: 35px; */
}

.nigong_870_3 li img {
    width: 390px;
    height: 280px;
    /* border: 1px solid #6a6a6a; */
}

.nigong_870_3 li span {
    height: 30px;
    display: block;
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    color: #c29a69;
}

.nigong_870_3 li a {
    width: 390px;
    height: 30px;
    color: #0b1b2b;
    font-size: 20px;
    font-family: 微软雅黑;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.nigong_870_3 li p{
    color: #545f6b;
    font-size: 15px;
    line-height: 25px;
}

.hezuo {
    width: 100%;
    margin-top: 10px;
}
.hezuo_body{
    width: 1250px;
    height: 430px;
    margin:  0px auto;
    display: flex;
    flex-direction: column;
}

.hezuo_body div{
    font-size: 35px;
    font-weight: 500;
    /* font-family: jtz; */
    color: #333;
}
.hezuo_body div b{
    font-weight: 700;
    color: #c29a69;
}
.hezuo_body ul{
    margin-top: 30px;
    width: 1250px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    /*justify-content: space-between;*/
}
.hezuo_body ul li{
    margin-bottom: 30px;
}
.hezuo_body ul li img{
    width: 230px;
    height: 62px;
    margin-right: 5px;
}

/***about***/
.n_b_float {
    position: absolute;
    top: 0px;
    z-index: 2;
    color: #fff;
}

.nab_en {
    font-size: 12px;
    text-transform: uppercase;
    font-style: italic;
    margin: 5px 0;
}

.nab_en i {
    font-weight: bold;
    font-size: 12px;
    font-style: italic;
}

.nab_entitle {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 45px;
    font-family: '微软雅黑';
    text-align: center;
}

.nab_title {
    font-size: 40px;
    margin-top: 5px;
}

.nvi_top {
    width: 1000px;
    margin-top: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-left: -500px;
}

.nvi_top::after {
    width: 18px;
    height: 10px;
    border-bottom: 2px solid #fff;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -9px;
    bottom: -10px;
}

.cvi_top {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    position: relative;
    margin-left: 145px;
}

.cvi_top::after {
    width: 18px;
    height: 10px;
    border-bottom: 2px solid #fff;
    content: '';
    position: absolute;
    left: 0;

    bottom: -10px;
}

.cab_entitle {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 45px;
    font-family: '微软雅黑';
}

.about_1920 {
    width: 100%;
}

.about_one {
    width: 1200px;
    height: 556px;
    margin: 0px auto 88px auto;
    box-sizing: border-box;
    padding: 100px 140px 0 450px;
    font-size: 15px;
    line-height: 34px;
    color: #151515;
    background: url('../images/about_one.jpg') no-repeat center;
}

/* .about_one p {
    margin-top: 30px;
    font-size: 8px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
} */

.about_two_1920 {
    width: 100%;
    height: 1928px;
    background: url('../images/about_two.jpg') top center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about_two_1 {
    width: 1200px;
    height: 150px;
    margin-top: 293px;
    line-height: 34px;
    color: #333;
    font-size: 16px;
}

.about_two_2 {
    width: 1416px;
    height: 463px;
    display: flex;
    align-items: flex-end;
    margin-top: 100px;
}

.about_two_2 img {
    margin-right: 10px;
}

.about_two_2 img:last-child {
    margin-right: 0px;
}

.about_two_3 {
    width: 1200px;
    height: 604px;
    margin-top: 221px;
}

.about_three_1920 {
    width: 100%;
    height: 597px;
    background: url('../images/about_three.jpg') no-repeat center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about_three_1 {
    width: 1030px;
    margin: 259px auto 0 auto;
    line-height: 34px;
    color: #333;
}

.about_four_1920 {
    width: 100%;
    height: 1221px;
    background: url('../images/about_four.jpg') no-repeat center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
}

.about_four_1 {
    width: 1200px;
    margin: 310px auto 0 auto;
    color: #333;
    display: flex;
    flex-direction: column;
}

.about_four_1 h2 i {
    font-size: 40px;
    font-weight: bold;
}

.about_four_1 span {
    margin: 10px 0 40px 0;
}

.founder_1920 {
    width: 100%;
    height: 1170px;
    margin: 24px 0;
    background: url('../images/founder_bg.jpg') no-repeat center;
}

.founder_one {
    width: 1060px;
    height: 560px;
    margin: 0 auto;
    display: flex;
}

.founder_one div:first-child img {
    width: 411px;
    height: 555px;
    margin-top: 380px;
}

.founder_one div:last-child {
    width: 572px;
    height: 555px;
    background: url('../images/funder.png');
    margin-top: 380px;
    margin-left: 73px;
    display: flex;
    flex-direction: column;
}

.founder_one div p:first-child {
    margin-top: 250px;
    font-size: 18px;
    line-height: 30px;
}

.founder_one div p:last-child {
    margin-top: 50px;
    line-height: 30px;
    font-size: 16px;
}

.zzjg_1920 {
    margin-top: 5px;
    width: 100%;
    height: 1600px;
    background: url('../images/jiagou.jpg') center no-repeat;
}

.case {
    width: 1200px;
    height: 210px;
    margin: 70px auto 40px auto;
    display: flex;

}

.case_nav {
    width: 200px;
    height: 210px;
    background: #f4f4f4;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.case_nav:last-child {
    border-right: none;
}

.case_nav div {
    width: 76px;
    height: 51px;
}

.case_nav h2 {
    font-size: 24px;
    color: #333;
    margin-top: 10px;
}

.case_nav span {
    text-transform: Uppercase;
    font-weight: bold;
    font-size: 10px;
    /* font-style: italic; */
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    display: block;
}

.case_nav span::after {
    content: '';
    width: 14px;
    height: 2px;
    position: absolute;
    background: #999;
    bottom: -10px;
    left: 50%;
    margin-left: -7px;
}

.case_nav:hover {
    background: #1f4aeb;
}

.case_nav:hover h2 {
    color: #fff;
}

.case_nav:hover span {
    color: #fff;
}

.case_nav:nth-child(1) div {
    background: url('../images/c1.png') no-repeat;
}

.case_nav:nth-child(2) div {
    background: url('../images/c2.png') no-repeat;
}

.case_nav:nth-child(3) div {
    background: url('../images/c3.png') no-repeat;
}

.case_nav:nth-child(4) div {
    background: url('../images/c4.png') no-repeat;
}

.case_nav:nth-child(5) div {
    background: url('../images/c5.png') no-repeat;
}

.case_nav:nth-child(6) div {
    background: url('../images/c6.png') no-repeat;
}

.case_nav:nth-child(1):hover div {
    background: url('../images/c11.png') no-repeat;
}

.case_nav:nth-child(2):hover div {
    background: url('../images/c22.png') no-repeat;
}

.case_nav:nth-child(3):hover div {
    background: url('../images/c33.png') no-repeat;
}

.case_nav:nth-child(4):hover div {
    background: url('../images/c44.png') no-repeat;
}

.case_nav:nth-child(5):hover div {
    background: url('../images/c55.png') no-repeat;
}

.case_nav:nth-child(6):hover div {
    background: url('../images/c66.png') no-repeat;
}

.case_list {
    width: 1200px;
    margin: 70px auto 40px auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.case_list .case_video {
    width: 1200px;
    display: flex;
    margin-bottom: 28px;
    justify-content: space-between;
}

.case_video .big {
    width: 400px;
    height: 315px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    position: relative;
}

.case_video .big>img {
    width: 398px;
    height: 224px;
}

.case_video .big p {
    width: 398px;
    height: 224px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case_video .big div {
    display: flex;
    flex-direction: column;
    position: relative;
}

.case_video .big div h2 {
    font-size: 20px;
    margin: 20px 0 10px 30px;
}

.case_video .big div span {
    font-size: 12px;
    font-family: '宋体';
    color: #666;
    margin: 0px 0 5px 30px;
}

.case_video .big div i {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 12px;
    color: #999;
}

.case_video .big:hover {
    border: 2px solid #2d58f8;
    overflow: hidden;
}

.case_list .line_logo {
    width: 1200px;
    height: 70px;
    border-top: 1px solid #e1e1e1;
    background: url('../images/case_list_bg.jpg') center no-repeat;
}

.line_news {
    width: 1200px;
    height: 70px;
    background: url('../images/case_list_bg.png') center no-repeat;
    margin: 0 auto;
}


.case_video .list {
    display: flex;
    flex-wrap: wrap;
    width: 766px;
}

.case_video .list div {
    width: 250px;
    height: 150px;
    position: relative;
    margin-right: 8px;
    cursor: pointer;
}

.case_video .list div p {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    justify-content: center;
    align-items: center;
}

.case_video .list div:hover p {
    display: flex;
}

.case_video .list div p img {
    width: 36px;
    height: 36px;
}

.case_video .list div:nth-child(3n) {
    margin-right: 0px;
}

.case_video .list div:nth-child(-n+3) {
    margin-bottom: 8px;
}

.case_video .list div img {
    width: 250px;
    height: 150px;
}

.case_video .list div:nth-child(1):after {
    content: 'NEWS';
    width: 62px;
    height: 31px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    background: #ff0036;
}

.case_video .list div:last-child:after {
    content: 'END';
    width: 62px;
    height: 31px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    background: #2d58f8;
}

.contact_btitle {
    text-align: center;
    text-transform: uppercase;
    color: #c19968;
    font-size: 14px;
    margin-top: 713px;
}

.contact_btitle i {
    font-weight: bold;
}

.contact_min {
    width: 1363px;
    height: 731px;
    position: absolute;
    background: #fff;
    top: 50px;
    left: -80px;
    box-shadow: 0px 0px 20px #bfbfbf;
    background: url('../images/contact_us.jpg') no-repeat 97px 76px #fff;
}

.contact_min .c_left {
    width: 450px;
    height: 260px;
    margin-top: 211px;
    margin-left: 160px;
}

.contact_min .c_left p {
    display: block;
    height: 64px;
    color: #444;
    font-size: 17px;
}

.map {
    width: 774px;
    height: 473px;
    position: absolute;
    left: 630px;
    top: 135px;
    /* border: 1px solid #ccc; */
    box-shadow: 0px 0px 20px #bfbfbf;
}


/* css */
.slideBox{ width:100%; height:658px; overflow:hidden; position:relative; margin:0 auto;  }
.slideBox .hd{ width: 800px; height:60px; overflow:hidden; position:absolute;  bottom:10px; z-index:1; left: 50%; margin-left: -230px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:120px; height:40px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border: 2px solid #fff; }
.slideBox .hd ul li img{ width:120px; height:40px;}
.slideBox .hd ul li.on{ border: 2px solid #ffdb8a;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1920px; height:658px; display:block;   position: absolute;left: 50%;margin-left: -960px;z-index: 1; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url('../images/slider-arrow.png') -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*paged*/
.pagination{
    width: 1200px;
    height: 50px;
    display: flex;
    justify-content: center;
    margin: 20px auto;
}
.pagination li{
    list-style: none;
}
.page-item {
	text-align: center;
}
.page-item a, .page-item span , .page-item .p_info, .page-item .current {
	display: inline-block;
	zoom: 1;
 *display: inline;
	margin: 0 4px;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 13px;
	text-align: center;
	color: #8b8b8b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	border: 1px solid #ededed;
}
.page-item .current, .page-item a:hover {
	border-color: #c59b6a;
	color: #fff;
	background-color: #c59b6a;
}