@charset "utf-8";
/* index CSS Document */
/* menu */
.menu{position: fixed; right: 5px; top: 50%; z-index: 200; margin-top: -156px; text-align: center; }
.menu li{padding: 10px 0;}
.menu a{color: #999; position: relative; transition: 0.3s;}
.menu a::before{content: ""; position: absolute; left: 50%; top: 50%; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: #000; opacity: 0.3;}
.menu i{opacity: 0; transition: 0.3s; font-size: 12px;}
.menu .active i{opacity: 1;}
.menu .active a::before{opacity: 0;}

/* section */
.section { position: relative; overflow: hidden;}
.section_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box;}
.link_more {color: #20307d; font-size: 14px; line-height: 20px; font-weight: bold; text-decoration: underline;}
.index_link {margin: 10px 0;}
.index_link a {text-align: center; display: inline-block; box-sizing: border-box; width: 184px; line-height: 36px; font-weight: bold; border: 2px solid #20307d;}
.index_link a:hover {background-color: #20307d; color: #fff;}
.index_link .white_a {border-color: #fff; color: #fff;}
.index_link .white_a:hover {background-color: #fff; color: #20307d;}

/* section1 */
.section.section1,
.section1 .fp-tableCell {display: block; width: 100%;}

.section1 .swiper-container,
.section1 .swiper-wrapper {height: 100%; box-sizing: border-box;}
.index_video {position: relative; z-index: 1; height: 100%; width: 100%;}
.section1 .swiper-slide {overflow: hidden; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.section1 .arrow_box {cursor: pointer; display: none; background-repeat: no-repeat; background-position: center center; border: none; width: 30px; height: 30px; margin-top: -15px; z-index: 10; top: 50%; position: absolute;}
.section1 .arrow_box.arrow_left {background-image: url(../images/arrow_left.png); left: 72px;}
.section1 .arrow_box.arrow_right {background-image: url(../images/arrow_right.png); right: 72px;}
.sec1_slidecon {position: absolute; z-index: 10; box-sizing: border-box; top: 50%; left: 196px; right: 196px; margin-top: -100px; text-align: center; color: #fff; letter-spacing: 3px;}
.sec1_tit {font-size: 78px; line-height: 1.2; text-shadow: 0px 1px 8px rgba(72, 51, 51, 0.74);}
.sec1_intro {font-size: 16px; line-height: 30px; margin: 30px 0 0;}
.sec1_search {z-index: 10; position: absolute; bottom: 100px; left: 50%; margin-left: -264px; width: 528px; box-sizing: border-box; border: 2px solid #fff;}
.sec1_search .submit_box {position: absolute; top: 0; right: 0; width: 128px; height: 100%; background-color: #fff; text-align: center;}
.sec1_search .submit_box .submit_a {color: #000; line-height: 46px; font-weight: bold; display: inline-block; padding-left: 32px; background: url(../images/icon_search.png) left center no-repeat;}
.sec1_search .submit_box input {cursor: pointer; color: #fff; font-weight: bold; line-height: 46px; height: 46px; position: absolute; left: 0; top: 0;}
.sec1_search .input_box {padding: 0 128px 0 0;}
.sec1_search .input_box input {line-height: 46px; height: 46px; padding: 0 20px; color: #fff;}
.sec1_search .input_box input::-webkit-input-placeholder {color: #fff; font-weight: normal;}
.sec1_search .input_box input:-moz-placeholder {color: #fff; font-weight: normal;}
.sec1_search .input_box input::-moz-placeholder {color: #fff; font-weight: normal;}
.sec1_search .input_box input:-ms-input-placeholder {color: #fff; font-weight: normal;}

.li2 .sec1_slidecon {text-align: left; background: url(../images/a_index_banbg.png) no-repeat; background-size: cover; padding: 60px 76px; margin-top: -220px;}
.li2 .sec1_tit {font-size: 56px; line-height: 1.34; text-shadow: 0px 2px 4px rgba(97, 97, 97, 0.53);}
.li2 .sec1_intro {text-shadow: 0px 2px 4px rgba(97, 97, 97, 0.53); margin: 20px 0 0; font-weight: bold;}

/* section2 */
.sec2_wrapbox {background-position: right bottom; background-repeat: no-repeat; position: relative; height: 100%; box-sizing: border-box; padding: 10% 0 0;}
.sec2_wrapbox::before {content: ""; position: absolute; left: 0; top: 0; width: 48%; height: 100%; background-color: #f5f8fa; border-right: 1px solid #e7ebf0;}
.sec2_left {float: left; width: 45%; box-sizing: border-box; position: relative; z-index: 10; padding: 0 120px 0 0;}
.sec2_right {float: right; width: 55%; box-sizing: border-box; position: relative; z-index: 10; padding: 0 150px 0 120px;}
.sec2_tit {line-height: 30px;margin-bottom: 10px;font-size: 26px;}
.sec2_intro {font-size: 40px; line-height: 1.3; font-weight:500; margin-bottom: 15px;}
.sec2_intro2 {font-size: 48px; line-height: 1.375;}
.sec2_con {font-size: 18px; line-height: 36px; color: #555; margin-bottom: 25px; position: relative;font-weight: 500;}
.section2 .sec2_left .sec2_con {max-height: 56px;}
.sec2_list {margin: 0 -32px;}
.sec2_list .li {float: left; width: 33%; box-sizing: border-box; padding: 32px;}
.sec2_list .link {display: block; text-align: center; color: #666;}
.sec2_icon {width: 100px; height: 100px; margin: 0 auto; overflow: hidden;}
.sec2_icon img {max-height: 100%; max-width: 100%;}
/* .sec2_icon .img2 {display: none;} */
.sec2_listTit {height: 32px; line-height: 16px; overflow: hidden; margin-top: 10px;}
.sec2_listTit strong {padding: 0 10px; position: relative; display: inline-block; transition: all 0.4s;}
.sec2_listTit strong:after {transition: all 0.4s; content: ""; position: absolute; right: 0; top: 0; width: 0; height: 18px; background: url(../images/icon_red.png) right center no-repeat;}
.sec2_list .link:hover .sec2_listTit strong {text-decoration: underline;color: #20307d;}
.sec2_list .link:hover .sec2_listTit strong:after {width: 10px;}
/* .sec2_list .link:hover .sec2_icon img {display: none;}
.sec2_list .link:hover .sec2_icon .img2 {display: inline-block;} */

.sec2_con .link_more {position: absolute; top: 0; right: 0; width: 150px;}
.sec2_con h2 {font-size: 18px; color: #333; font-weight: bold; margin: 30px 150px 30px 0;}
.sec2_fromBox {padding: 20px 0;}
.sec2_contact {font-weight: bold; font-size: 16px; line-height: 30px; color: #20307d; text-align: center; padding: 5px 0;}
.sec2_contact strong {font-family: 'Conv_DIN-Bold'; font-size: 20px;}

/* section3 */
.sec3_listBox {padding: 100px 0 0;}
.sec3_list {padding: 0 60px;}
.sec3_list .li {float: left; width: 24.663%; box-sizing: border-box; padding: 10px;}
.sec3_list .li_big {width: 50.674%;}
.sec3_list1 .li_big {padding-right: 30px;}
.sec3_list2 .li_big {padding-left: 30px;}
.sec3_list .sec3_a {display: block;}
.sec3_pic {position: relative;}
.sec3_pic strong {z-index: 10; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 36px; box-sizing: border-box; padding: 0 15px; background: url(../images/index_tiao2.png) no-repeat; background-size: cover;}
.li_big .sec3_pic strong {background-image: url(../images/index_tiao1.png);}
.sec3_conbox {padding: 14px 0;}
.sec3_conbox .sec3_tit {font-size: 16px; font-weight: bold; line-height: 1.5;}
.sec3_conbox .sec3_intro {line-height: 20px; height: 40px; overflow: hidden; color: #888; margin-top: 4px;}
.sec3_list2 .li_big strong {font-size: 16px; bottom: 40%; background: url(../images/icon_video.png) 75px center no-repeat; background-size: auto; padding-left: 125px;}
.sec3_list2 .li_big .sec3_pic::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/opc_black3.png);}
.section3 .index_link {text-align: center;}

/* section5 */
.section5 .section_bg {height: 34%;}
.section5 .sec2_wrapbox {height: 46%; padding: 2% 0 0; position: absolute; left: 0; top: 34%; width: 100%; box-sizing: border-box; background-position: left bottom; background-color: #f5f8fa;}
.section5 .sec2_wrapbox::before {width: 50%; left: auto; right: 0; background-color: #fff; border-right: none; border-left: 1px solid #e7ebf0;}
.sec2_wrapbox .wrap {position: relative;}
.sec5_left {float: left; box-sizing: border-box; width: 50%; padding: 0 135px 0 220px;}
.sec5_right {overflow: hidden; box-sizing: border-box; padding: 0 90px 0 95px;}

/* section4 */
.sec6_wrapBox {position: relative;}
.sec6_conbox {padding-right: 42%;}
.sec6_conbox .sec2_con {line-height: 1.5;}
.sec6_conbox .index_link {position: absolute; top: 0; right: 0;}

.sec6_listbox {padding: 50px 0 0;}
.sec6_left {width: 58%; float: left; box-sizing: border-box;}
.sec6_pic {float: left; width: 325px; margin-right: 55px;}
.sec6_pic img {width: 100%;}
.sec6_picText {overflow: hidden; padding: 70px 130px 0 0;}
.sec6_pictit {font-size: 24px; line-height: 32px; max-height: 64px; overflow: hidden; margin-bottom: 12px;}
.sec6_time {position: relative; overflow: hidden; font-size: 12px; line-height: 1.5; color: #999;}
.sec6_time::after {content: ""; position: absolute; left: 80px; top: 50%; height: 1px; width: 100%; background-color: #c2c2c2;}
.sec6_picintro {font-size: 14px; line-height: 24px; color: #666; margin: 8px 0 22px;}
.sec6_right {overflow: hidden; padding: 65px 0 0;}
.sec6_rightScoll {position: relative; padding-bottom: 50px;}
.sec6_rightScoll .li {box-sizing: border-box;}
.sec6_rightScoll .book_a {display: block; text-align: center;}
.sec6_rightPic {height: 230px; line-height: 230px;}
.sec6_rightPic img {max-width: 100%; max-height: 100%;}
.sec6_rightTit {font-weight: bold; line-height: 20px; height: 40px; overflow: hidden; margin: 3px 10px;}
.index_scrollbar {width: 100%;height: 1px;position: absolute;bottom: 5px;left: 0;-ms-touch-action: none;background: #999;margin-top: 10px;z-index: 10;}

.homenewslist{width:1px;height:1px; overflow:hidden;}

/* section7 */
.sec8_btm {position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; background-color: #fff;}
/* 动画 */
/* .section2 .img_d{ transform: translateX(60px); opacity: 0; transition: 4s 0.6s;} */
/* .home_part4 .img_xz{transform: translateX(-100px); opacity: 0; transition: 2s 0.8s;} */
/* .section6 .part2 .box2 .page{transform: translateX(-60px); opacity: 0; transition: 1s 1.6s;} */
/* .section6.active .part2 .box2 .page{transform: translate(0); opacity: 1;} */

/* 小PC */
@media screen and (max-width:1600px) {
	/* 首页 */
	.menu {margin-top: -124px;}
	.menu li {padding: 6px 0;}
	.sec2_intro {font-size: 30px; margin-bottom: 10px;}
	.sec2_intro2 {font-size: 36px;}
	.index_link {margin: 7px 0;}
	.index_link a {width: 160px;}	
	/* section1 */
	.sec1_slidecon {margin-top: -90px; letter-spacing: 2px;}
	.sec1_tit {font-size: 56px;}
	.sec1_intro {font-size: 14px; line-height: 26px; margin: 22px 0 0;}
	.sec1_search {margin-left: -200px; width: 400px; bottom: 70px;}
	.sec1_search .input_box {padding: 0 100px 0 0;}
	.sec1_search .input_box input {line-height: 42px; height: 42px; padding: 0 15px;}
	.sec1_search .submit_box {width: 100px;}
	.sec1_search .submit_box .submit_a {line-height: 42px; padding-left: 28px;}
	.sec1_search .submit_box input {line-height: 42px; height: 42px;}
	.li2 .sec1_slidecon {padding: 48px 60px; margin-top: -190px;}
	.li2 .sec1_tit {font-size: 48px;}
	.li2 .sec1_intro {margin: 15px 0 0;}
	
	/* section2 */
	.sec2_tit {margin-bottom: 6px;}
	.sec2_con {font-size: 14px; line-height: 24px; margin-bottom: 18px;}
	.section2 .sec2_left .sec2_con {max-height: 48px;}
	.section2 .sec2_right .sec2_con {max-height: 102px;}
	.sec2_list {margin: 0 -10px;}
	.sec2_list .li {padding: 18px 10px;}
	.sec2_left {padding: 0 80px 0 0;}
	.sec2_right {padding: 0 60px 0 80px;}
	.sec2_con h2 {font-size: 14px; margin: 2px 120px 6px 0;}
	.sec2_con .link_more {width: 100px;}
	.sec2_fromBox {padding: 15px 0;}
	/* section3 */
	.sec3_listBox {padding: 70px 0 0;}
	
	/* section4 */
	
	/* section5 */
	.sec5_left {padding: 0 80px 0 220px;}
	.sec5_right {padding: 0 20px 0 80px;}
	
	/* section6 */
	.sec6_conbox {padding-right: 32%;}
	.sec6_listbox {padding: 35px 0 0;}
	.sec6_pic {width: 240px; margin-right: 35px;}
	.sec6_picText {padding: 20px 60px 0 0;}
	.sec6_pictit {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	.sec6_picintro {font-size: 13px; line-height: 22px; margin: 6px 0 18px;}
	.sec6_right {padding: 10px 0 0;}
	.sec6_rightPic {line-height: 180px; height: 180px;}
	
	/* section8 */
}
@media screen and (max-width:1400px) {
	.sec1_tit {font-size: 50px;}
	.sec1_intro {margin: 18px 0 0;}
	.li2 .sec1_slidecon {padding: 40px 50px; margin-top: -150px;}
	.li2 .sec1_tit {font-size: 44px;}
	.li2 .sec1_intro {margin: 12px 0 0;}
}

@media screen and (max-height:750px) {
	.header {padding: 0 50px;}
	.sec2_left {padding: 0 40px 0 0;}
	.sec2_right {padding: 0 40px;}
	.section2 .sec2_left .sec2_con {max-height: 72px;}
	.sec2_list .li {padding: 10px;}
	.sec2_wrapbox {padding: 100px 0 0;}
	.sec2_icon {width: 40px; height: 40px;}
	.sec2_listTit {font-size: 12px; line-height: 15px; height: 30px;}
	.sec2_listTit strong:after {height: 15px;}
	.sec3_list {padding: 0 160px;}
	.sec3_conbox {padding: 8px 0;}
	.sec6_conbox {padding-right: 25%;}
	.sec6_listbox {padding: 20px 0 0;}
	.sec6_pic {width: 200px;margin-right: 30px;}
	.sec6_picText {padding: 10px 40px 0 0;}
	.sec6_wrapBox {margin-top: 15px;}
	.sec6_rightScoll {padding-bottom: 40px;}
	
	.sec1_search {bottom: 50px;}
	.sec1_slidecon {margin-top: -130px;}
	
}

/*--ipad横--*/
@media screen and (max-width:1260px){/*--1024--*/
	.menu {display: none;}
	.index_link a {width: 136px; line-height: 34px;}
	.sec2_intro {font-size: 24px;}
	.sec2_intro2 {font-size: 28px;}
	/* section1 */
	.sec1_slidecon {left: 100px; right: 100px; margin-top: -130px; letter-spacing: 1px;}
	.sec1_tit {font-size: 40px;}
	.sec1_intro {line-height: 24px; margin: 18px 0 0;}
	.li2 .sec1_slidecon {padding: 36px 46px; margin-top: -150px;}
	.li2 .sec1_tit {font-size: 36px;}
	.li2 .sec1_intro {margin: 12px 0 0;}
	.section1 .arrow_box.arrow_left {left: 20px;}
	.section1 .arrow_box.arrow_right {right: 20px;}
	.section1 .arrow_box {background-size: auto 18px;}
	.sec1_search {margin-left: -170px; width: 340px; bottom: 50px;}
	.sec1_search .input_box {padding: 0 90px 0 0;}
	.sec1_search .input_box input {line-height: 38px; height: 38px; padding: 0 10px;}
	.sec1_search .submit_box {width: 90px;}
	.sec1_search .submit_box .submit_a {line-height: 38px; padding-left: 22px; background-size: 16px auto;}
	.sec1_search .submit_box input {line-height: 38px; height: 38px;}
	.index_video {display: none;}
	.section1 {height: 600px;}
	
	/* section2 */
	.sec2_wrapbox {padding: 60px 0; background-size: 320px auto;}
	.sec2_tit {font-size: 12px; line-height: 1.5;}
	.sec2_list {margin: 0 -10px;}
	.sec2_list .li {padding: 10px;}
	.sec2_left {padding: 0 40px 0 0; width: 52%;}
	.sec2_right {padding: 0 20px 0 40px; width: 48%;}
	.sec2_fromBox {padding: 10px 0;}
	.sec2_icon {width: 40px; height: 40px;}
	.sec2_listTit {font-size: 13px;}
	.sec2_listTit strong:after {height: 16px;}
	.section2 .sec2_left .sec2_con {max-height: 132px;}
	.section2 .sec2_right .sec2_con {max-height: 138px;}
	
	/* section3 */
	.section3 {border-top: 1px solid #e7ebf0; padding: 60px 0;}
	.sec3_listBox {padding: 0;}
	.sec3_list {padding: 0 14px;}
	.sec3_list .li {padding: 6px;}
	.sec3_list1 .li_big {padding-left: 18px;}
	.sec3_list2 .li_big {padding-right: 18px;}
	.sec3_pic strong {padding: 0 10px; line-height: 30px; font-size: 13px;}
	.sec3_conbox .sec3_tit {font-size: 15px;}
	.sec3_conbox .sec3_intro {font-size: 13px;}
	.sec3_list2 .li_big strong {font-size: 15px; padding-left: 78px; bottom: 35%; background-position-x: 36px; background-size: 30px auto;}
	
	/* section4 */
	.section4 {padding: 60px 0;}
	
	/* section5 */
	.section5 .section_bg {display: none;}
	.section5 .sec2_wrapbox {position: relative; height: auto; padding: 60px 0; background-size: 200px auto;}
	.sec5_left {padding: 0 40px 0 210px;}
	.sec5_right {padding: 0 20px 0 40px;}
	
	/* section6 */
	.sec6_conbox {padding-right: 240px;}
	.sec6_listbox {padding: 30px 0 0;}
	.sec6_pic {width: 180px; margin-right: 28px;}
	.sec6_picText {padding: 10px 40px 0 0;}
	.sec6_pictit {font-size: 18px; line-height: 26px; max-height: 52px; margin-bottom: 8px;}
	.sec6_picintro{margin: 7px 0 15px;}
	.sec6_rightPic {height:180px; line-height: 180px;}
	.sec6_rightTit {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	
	/* section7 */
	
	/* section8 */
	.sec8_btm {padding: ; position: relative;}
	
}
/*--ipad竖--*/
@media screen and (max-width:1002px){/*--768--*/
	/* section1 */
	.section1 {height: 500px;}
	.sec1_slidecon {left: 70px; right: 70px; margin-top: -112px; letter-spacing: 0;}
	.sec1_tit {font-size: 32px;}
	.sec1_intro {line-height: 22px; margin: 15px 0 0;}
	.li2 .sec1_slidecon {padding: 30px 40px; margin-top: -130px;}
	.li2 .sec1_tit {font-size: 28px;}
	.li2 .sec1_intro {margin: 10px 0 0;}
	/* section2 */
	.sec2_left {padding: 0 0 20px 0; width: 100%;}
	.sec2_right {padding: 40px 0 0 0; width: 100%;}
	.sec2_left::before {z-index: -1; content: ""; position: absolute; left: -20px; right: -20px; top: -60px; bottom: 0; background-color: #f5f8fa; border-bottom: 1px solid #e7ebf0;}
	.sec2_wrapbox::before {display: none;}
	.sec2_listTit {font-size: 12px;}
	
	/* section7 */
	
}
/*--手机横--*/
@media screen and (max-width:758px){/*--480--*/
	.index_link a {width: 100px; line-height: 26px; font-size: 12px;}
	.sec2_intro {font-size: 18px;}
	.sec2_intro2 {font-size: 22px;}
	.link_more {font-size: 13px;}
	/* section1 */
	.section1 {height: 350px;}
	.sec1_slidecon {left: 40px; right: 40px; margin-top: -80px;}
	.sec1_tit {font-size: 22px;}
	.sec1_intro {line-height: 18px; font-size: 12px; margin: 10px 0 0;}
	.li2 .sec1_slidecon {padding: 0; margin-top: -70px; background: none;}
	.li2 .sec1_tit {font-size: 18px;}
	.li2 .sec1_intro {margin: 8px 0 0;}
	.section1 .arrow_box.arrow_left {left: 0px;}
	.section1 .arrow_box.arrow_right {right: 0px;}
	.section1 .arrow_box {background-size: auto 16px;}
	.sec1_search .submit_box {width: 80px;}
	.sec1_search {margin-left: -140px; width: 280px; bottom: 30px; border-width: 1px;}
	.sec1_search .input_box {padding: 0 80px 0 0;}
	.sec1_search .input_box input {line-height: 36px; height: 36px;}
	.sec1_search .submit_box .submit_a {line-height: 36px; background-size: 14px auto; padding-left: 20px;}
	.sec1_search .submit_box input {line-height: 36px; height: 36px;}
	
	/* section2 */
	.sec2_wrapbox {padding: 40px 0; background-size: 240px auto;}
	.sec2_list {margin: 0 -10px;}
	.sec2_list .li {padding: 10px; width: 33%;}
	.sec2_left::before {left: -15px; right: -15px; top: -40px;}
	.sec2_con {margin-bottom: 20px;font-size: 13px; line-height: 22px;}
	.sec2_con .link_more {width: 80px;}
	.sec2_con h2 {margin: 2px 100px 6px 0;}
	
	/* section3 */
	.section3 {padding: 45px 0;}
	.sec3_listBox {padding: 0 0 20px;}
	.sec3_list {padding: 0; margin: 0 -5px;}
	.sec3_list .li {padding: 5px; width: 50%;}
	.sec3_list1 .li_big {padding-right: 5px; width: 100%;}
	.sec3_list2 .li_big {padding-left: 5; width: 100%;}
	.sec3_pic strong {padding: 0 8px; line-height: 26px; font-size: 12px;}
	.sec3_conbox {padding: 10px 0;}
	.sec3_conbox .sec3_tit {font-size: 14px;}
	.sec3_conbox .sec3_intro {font-size: 12px;}
	.sec3_list2 .li_big strong {font-size: 14px; padding-left: 40px;background-position-x: 10px; background-size: 24px auto;}
	
	/* section4 */
	.section4 {padding: 45px 0;}
	
	/* section5 */
	.section5 .sec2_wrapbox {padding: 45px 0; background-size: 140px auto;}
	.sec5_left {padding: 0; width: 100%; float: none;}
	.sec5_right {padding: 10px 0 0; border-top: 1px solid #e7ebf0;}
	
	/* section6 */
	.sec6_conbox {padding-right: 0;}
	.sec6_conbox .index_link {margin: 0;}
	.sec6_listbox {padding: 20px 0 0;}
	.sec6_left {width: 100%; float: none; overflow: hidden;}
	.sec6_pic {width: 150px; margin-right: 15px;}
	.sec6_picText {padding: 0;}
	.sec6_pictit {font-size: 16px; line-height: 24px; max-height: 48px; margin-bottom: 6px;}
	.sec6_picintro{margin: 6px 0 12px; max-height: 88px; overflow: hidden;}
	.sec6_right {padding: 20px 0 0;}
	.sec6_rightPic {height:100px; line-height: 100px;}
	.sec6_rightTit {font-size: 13px;}

}