@charset "utf-8";
/* CSS Document */


.wrap .tittle { font-size:48px; color:#474747; text-align:center; margin-top:64px; background:url(../images/box1_03.jpg) no-repeat center 70px;}
.wrap .tittle h1 { font-size:22px; margin-top:35px;}
.wrap .red { color:#ca0107;}

/*box1*/
.wrap .box1 .tittle { margin-top:64px; }
.wrap .box1 .tittle h1 { font-size:22px; margin-top:35px;}
.wrap .box1 ul { margin-top:10px;}
.wrap .box1 ul li { float:left; width:200px; text-align:center; margin-top:20px;}
.wrap .box1 ul li p {  font-size:18px; color:#474747; margin-top:15px;}
.wrap .box1 .btn { width:275px; margin:40px auto 60px;}

/*box2*/
.wrap .box2 { background:url(../images/box2_bg_02.jpg) no-repeat; height:655px;}
.wrap .box2 .tittle { padding-top:60px; background:none;}
.wrap .box2 ul { width:1120px; margin:137px auto 0;}
.wrap .box2 ul li { width:240px; margin:0 20px; text-align:center; color:#474747; position:relative; float:left;}
.wrap .box2 ul li .text { background:#fff; width:240px; height:295px; box-shadow:3px 3px 8px #5f5f5f; border:1px solid #fff; border-radius:5px;}
.wrap .box2 ul li .text h1 { font-size:20px; font-weight:bolder; padding-top:65px;}
.wrap .box2 ul li .text p { font-size:14px; line-height:36px; margin-top:30px;}
.wrap .box2 ul li .figure { position:absolute; top:-55px; left:50%; margin-left:-51px; width:102px; height:95px;}
.wrap .box2 ul li a { height:38px; line-height:38px; display:block; border:1px solid #333333; width:156px; border-radius:19px; position:absolute; bottom:-19px; left:50%; margin-left:-78px; background:#fff; color:#474747; font-size:16px;}
.wrap .box2 ul li:hover .text { border:1px solid #f6b31a; }
.wrap .box2 ul li:hover a { background:#f6b31a; border:1px solid #c08807; color:#fff;}

.wrap .box2 ul li .img1 { background:url(../images/box2_03.png) no-repeat;}
.wrap .box2 ul li .img2 { background:url(../images/box2_05.png) no-repeat;}
.wrap .box2 ul li .img3 { background:url(../images/box2_07.png) no-repeat;}
.wrap .box2 ul li .img4 { background:url(../images/box2_09.png) no-repeat;}

.wrap .box2 ul li:hover .img1 { background:url(../images/box2_1.png) no-repeat;}
.wrap .box2 ul li:hover .img2 { background:url(../images/box2_2.png) no-repeat;}
.wrap .box2 ul li:hover .img3 { background:url(../images/box2_3.png) no-repeat;}
.wrap .box2 ul li:hover .img4 { background:url(../images/box2_4.png) no-repeat;}

/*box3*/
.wrap .box3 { background:url(../images/box3_bg_03.jpg) no-repeat center bottom; padding-bottom:777px;}
.wrap .box3 .tittle { margin-top:44px; }
.wrap .box3 .box3_1 { width:1050px; margin:50px auto; position:relative;}
.wrap .box3 .box3_1 .figure { position:absolute; top:0; left:0;}
.wrap .box3 .box3_1 .text { background:url(../images/box3_05.jpg) no-repeat; width:762px; height:198px; float:right; margin-top:50px; padding-left:150px; }
.wrap .box3 .box3_1 .text h1 { font-size:22px; color:#2a2a44; margin-top:35px;}
.wrap .box3 .box3_1 .text .p1 { font-size:14px; color:#323131; line-height:30px; width:558px; margin-top:30px;}

.wrap .box3 .box3_2 { width:1050px; margin:50px auto; position:relative;}
.wrap .box3 .box3_2 .figure { position:absolute; top:0; right:0;}
.wrap .box3 .box3_2 .text { background:url(../images/box3_09.jpg) no-repeat; width:752px; height:198px; float:left; margin-top:50px; padding-right:160px; }
.wrap .box3 .box3_2 .text h1 { font-size:22px; color:#fff; margin-top:35px; text-align:right;}
.wrap .box3 .box3_2 .text .p1 { font-size:14px; color:#fff; line-height:30px; width:558px; margin-top:30px; float:right;}

.wrap .box3 .box3_1 .text .ck{ font-size:14px; color:#f6b31a; margin-top:5px; display:none;}
.wrap .box3 .box3_3 { display:none;}
/*box4*/
.wrap .box4 { width:100%;}
.wrap .box4 .cont { width:1122px; height:580px; margin:66px auto 0; position:relative; padding-top:90px;}
.wrap .box4 .cont .m_left { position:absolute; top:0; left:0; z-index:5; }
.wrap .box4 .cont .m_left .text{ width:338px; border:3px solid #2c2c2c; height:370px; padding:30px; background:#fff; }
.wrap .box4 .cont .m_left .text h1 { color:#ca0107; font-size:40px; text-align:center; padding-bottom:14px; border-bottom:2px solid #2c2c2c;}
.wrap .box4 .cont .m_left .text h2 { line-height:36px; font-size:20px; color:#2c2c2c; margin-top:25px;}
.wrap .box4 .cont .m_left .text p { margin-top:25px; font-size:16px; color:#646464; line-height:30px;}
.wrap .box4 .cont .m_left .more { width:240px; margin:0 auto;}
.wrap .box4 .cont .m_left .more a { width:240px; height:50px; line-height:50px; display:block; background:#2c2c2c; text-align:center; color:#fff; font-size:18px; margin-top:28px;}

.wrap .box4 .cont ul { width:740px; float:right;}
.wrap .box4 .cont ul li { width:359px; height:208px; background:url(../images/box4_03.jpg) no-repeat center bottom; position:relative; float:left; margin:0 4px;}
.wrap .box4 .cont ul li img { position:absolute; top:0; right:6px;}
.wrap .box4 .cont ul li .name { font-size:24px; color:#2c2c2c; height:38px; line-height:38px; margin-left:28px; }
.wrap .box4 .cont ul li .name .job { font-size:14px; color:#ca0107; font-weight:bolder; margin-left:10px;}
.wrap .box4 .cont ul li .p1 { width:175px; line-height:30px; margin:20px 0 0 30px;}
.wrap .box4 .cont ul li .p1 {
    position:relative;
    line-height:30px;
    height:90px;
    overflow:hidden;
}
.wrap .box4 .cont ul li .p1::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(../images/ellipsis_bg.png) repeat-y;
}

.wrap .box4 .swiper-container { display:none; margin-top:5%;}
.wrap .box4 .swiper-container .swiper-slide .div1 { width:359px; height:208px; background:url(../images/box4_03.jpg) no-repeat center bottom; position:relative; margin:0 auto;}
.wrap .box4 .swiper-container .swiper-slide .div1 img { position:absolute; top:0; right:6px;}
.wrap .box4 .swiper-container .swiper-slide .div1 .name { font-size:24px; color:#2c2c2c; height:38px; line-height:38px; margin-left:28px; }
.wrap .box4 .swiper-container .swiper-slide .div1 .name .job { font-size:14px; color:#ca0107; font-weight:bolder; margin-left:10px;}
.wrap .box4 .swiper-container .swiper-slide .div1 .p1 { width:175px; line-height:30px; margin:20px 0 0 30px;}
.wrap .box4 .swiper-container .swiper-slide .div1 .p1 {
    position:relative;
    line-height:30px;
    height:90px;
    overflow:hidden;
}
.wrap .box4 .swiper-container .swiper-slide div .p1::after {
    content:"...";
    font-weight:bold;
    position:absolute;
    bottom:0;
    right:0;
    padding:0 20px 1px 45px;
    background:url(../images/ellipsis_bg.png) repeat-y;
}


/*box5*/
.wrap .box5 { width:100%; background:url(../images/box5_02.jpg) no-repeat; height:720px;}
.wrap .box5 .tittle { background:url(../images/box1_05.png) no-repeat center 120px; padding-top:50px;}
.wrap .box5 ul { width:1180px; margin:58px auto 0;}
.wrap .box5 ul li { background:url(../images/box5_05.png) no-repeat; width:265px; height:313px; text-align:right; float:left; margin:0 15px;}
.wrap .box5 ul li img { width:255px; height:258px;}
.wrap .box5 ul li p { font-size:20px; color:#1b1b1b; height:45px; line-height:45px; text-align:center; margin-right:24px;}
.wrap .box5 .btn { width:236px; height:60px; margin:62px auto 0;}

.wrap .box5 .swiper-container { display:none; margin-top:5%;}
.wrap .box5 .swiper-container .swiper-slide div{ background:url(../images/box5_05.png) no-repeat; width:265px; height:313px; text-align:right; margin:0 auto;}
.wrap .box5 .swiper-container .swiper-slide div p { font-size:20px; color:#1b1b1b; height:45px; line-height:45px; text-align:center; margin-right:24px;}


/*box6*/
.wrap .box6 { margin:0 auto 90px; width:1060px;}
.wrap .box6 .cont{ width:1060px; height:550px; margin:60px auto 0;}


@media screen and (max-width:1000px) {
	.wrap { width:96%; margin:0 auto;}
	.wrap .tittle { font-size:22px; line-height:1.5; background:none; margin-top:5%;}
	.wrap .tittle h1 { font-size:16px; margin-top:5px;}
	.wrap .box1 .tittle { margin-top:5%;}
	.wrap .box1 .tittle h1 { font-size:16px; margin-top:5px;}
	.wrap .box1 ul li { width:33.33%;}
	.wrap .box1 ul li img { width:90%;}
	.wrap .box1 .btn { margin:8% auto 5%;}
	.wrap .box2 .tittle { padding-top:5%;}
	.wrap .box2 ul { width:100%; margin-top:0;}
	.wrap .box2 ul li { width:90%; margin:28% auto 0; float:inherit;}
	.wrap .box2 ul li .text { width:90%; margin:0 auto;}
	.wrap .box2 { height:auto; padding-bottom:8%; background:url(../images/box2_bg_02.jpg) no-repeat; background-size:100% 100%;}
	.wrap .box3 { background:#f3f3f3; padding:2% 0;}
	.wrap .box3 .tittle { margin-top:5%;}
	.wrap .box3 .box3_1  { width:100%; margin:6% auto;}
	.wrap .box3 .box3_1 .text , .wrap .box3 .box3_1 .text h1{ margin-top:15px;}
	.wrap .box3 .box3_1 .figure { position:inherit; width:265px; margin:0 auto; height:270px;}
	.wrap .box3 .box3_1 .text .p1 { width:90%; margin:15px auto 0;}
	.wrap .box3 .box3_1 .text { background:none; float:inherit; text-align:center; width:100%; padding-left:0; height:auto;}
	.wrap .box3 .box3_1 .text .ck , .wrap .box3 .box3_3{ display:block;}
	.wrap .box3 .box3_2 { display:none;}
	.wrap .box4 .cont { width:100%; margin:0 auto; padding-top:6%; height:auto;}
	.wrap .box4 .cont .m_left { position:inherit;}
	.wrap .box4 .cont .m_left .text { padding:3%; margin:0 auto; width:328px;}
	.wrap .box4 .cont ul { width:100%;}
	.wrap .box4 .cont ul li { float:none; margin:10px auto;}
	.wrap .box5 { height:auto;  background:url(../images/box5_02.jpg) no-repeat; padding-bottom:5%; }
	.wrap .box5 ul { width:100%;}
	.wrap .box5 ul li { float:none; margin:5% auto;}
	.wrap .box4 .cont ul , .wrap .box5 ul  { display:none;}
	.wrap .box5 .btn { margin:3% auto;}
	.wrap .box4 .swiper-container , .wrap .box5 .swiper-container{ display:block;}
	.wrap .box6 { width:100%; margin-bottom:5%;}
	.wrap .box6 .cont { width:100%; height: auto; margin:5% auto;}
}
@media screen and (max-width:320px) {
	.wrap .tittle { font-size:16px;}
	.wrap .tittle h1 { font-size:12px;}
	.wrap .box1 .tittle h1 { font-size:12px;}
	.wrap .box1 ul li p { font-size:16px;}
	.wrap .box4 .cont .m_left .text { width:278px;}
	.wrap .box4 .cont .m_left .text h1 { font-size:26px;}
	.wrap .box4 .cont .m_left .text h2 { font-size:18px;}
	.wrap .box4 .cont .m_left .text p { font-size:14px; margin-top:5%;}
	.wrap .box4 .swiper-container .swiper-slide .div1 { width:310px; height:188px; background:url(../images/box4_03.jpg) no-repeat center bottom;  background-size:310px 148px;}
	.wrap .box4 .swiper-container .swiper-slide .div1 img { right:1%;}
	.wrap .box4 .swiper-container .swiper-slide .div1 .name { margin-left:0;}
	.wrap .box4 .swiper-container .swiper-slide .div1 .p1 { width:135px; margin:20px;}

}