/*banner*/
.banner .swiper-slide a.mobile1{ display:none;}
.banner{ position:relative; top:0; left:0; width:100%;}
.banner .swiper-slide a{ display:block; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.banner .swiper-slide a.mobile{ display:none;}
.banner .swiper-slide a img{ width:100%;}
.swiper-container{ width:100%;}
.swiper-pagination-fraction{ width:100px; left:8%; bottom:56px; color:#c0bab4; font-size:28px;}
.swiper-pagination-current{ font-size:48px; font-weight:bold; color:#fff;}
.swiper-button-prev{ background-image:url(../images/banner_prev.png); width:14px; height:29px; background-size:14px auto; top:auto; bottom:58px; right:auto; left:40%;}
.swiper-button-next{ background-image:url(../images/banner_next.png); width:14px; height:29px; background-size:14px auto; top:auto; bottom:58px; right:auto; left:44%;}
/*main*/
.main{ background-color:#fff; width:100%; height:auto;}
.sec_img img{ max-width:100%;}
/*section1*/
.section.sec1{ position:relative; height:auto; background-color:#f6f6f6;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;z-index:5; padding-bottom:150px;}
.section.sec1 .sec_left{ margin-left:8%; max-width:40%; padding-top:184px;}
.section h2{ font-size:48px; color:#333; font-weight:normal;}
.section h3{ font-size:38px; color:#333; font-weight:normal; padding-top:24px;}
.section p{ font-size:22px; color:#333; padding-top:40px; font-weight:lighter; padding-bottom:70px;}
.section .sec_tet a{ display:block; width:170px; height:54px; line-height:54px; text-align:center; color:#fff; font-size:18px; background-color:#524886; border:#524886 solid 1px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.section .sec_tet a:hover{ background-color:transparent; color:#524886;}
.sec1_bg{ position:absolute; bottom:0; left:0; max-width:72.3%;}
.section.sec1 .sec_right{ z-index:-1;max-width:50%;  background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.section.sec1 .sec_right .sec_img{ margin-top:-75px;}
.section.sec1 ul{ margin-top:50px;}
.section.sec1 ul li{ font-size:13px; color:#999; line-height:2;}
.section.sec1 ul li{ float:left; margin-right:2%; width:49%;}
.section.sec1 ul li:nth-child(2n){ margin-right:0;}
.section.sec1 h3{ font-size:26px; line-height:1.2; width:680px; max-width:100%;}
.section.sec1 p{ padding-top:30px;}
/*section2*/
.section.sec2{ position:relative; padding-top:92px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between; background-color:#fff; }
.section.sec2.mobile1{ display:none;}
.section.sec2 .sec_left{ position:relative; z-index:2;max-width:58%;  }
.section.sec2 .sec_right{ margin-right:8%; margin-top:125px; position:relative; z-index:2;}
.section.sec2 .sec_tet{ text-align:right; width:422px; max-width:22%;}
.section .sec_icon{ float:right;width:176px; max-width:100%;color:#333; font-size:32px; padding-bottom:60px; margin-bottom:24px; background-repeat:no-repeat;  background-image:url(../images/index_line.jpg);display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.section .sec_icon img{ max-width:37.5%;}
.section.sec2 .sec_icon{background-position:right bottom;}
.section .sec_tet span{ color:#333; font-size:32px; line-height:1.2; display:inline-block;}
.sec_tit{ width:422px; max-width:100%; margin-bottom:48px;}
.section.sec2 .sec_tet a{ float:right;background-color:#70c7bc;}
.section.sec2 .sec_tet a{ border:#70c7bc solid 1px;}
.section.sec2 .sec_tet a:hover{ background-color:transparent;color:#70c7bc;}
.section.sec2 .sec_bg{ position:absolute; left:0; bottom:0; background-color:#f6f6f6; width:1112px; max-width:58%; height:483px; z-index:0;}
.section.sec2 .parallux .parallux-bg .parallux-inner img{ z-index:1; position:relative;}
/*section3*/
.section.sec3{ position:relative; padding-top:160px; padding-bottom:110px; width:100%;background-color:#fff;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.section.sec3 .sec_left{ position:relative; z-index:2; margin-left:8%; padding-top:110px;max-width:22%;}
.section.sec3 .sec_right{ position:relative; z-index:2;max-width:58%;}
.section.sec3 .sec_icon{ float:left; width:100%; text-align:left;background-position:left bottom; justify-content:flex-start;}
.section.sec3 .sec_icon span{ padding-right:20px;}
.section.sec3 .sec_tet a{ background-color:#f9c45d;}
.section.sec3 .sec_tet a{ border:#f9c45d solid 1px;}
.section.sec3 .sec_tet a:hover{ background-color:transparent;color:#f9c45d;}
.section.sec3 .sec_bg{ position:absolute; left:0; top:0; background-color:#f6f6f6;width:1112px; max-width:58%; height:710px; z-index:1;}
/*section4*/
.section.sec4{ padding-bottom:80px; width:100%;}
.section.sec4 li{ padding-bottom:100px;}
.section.sec4 li.last{ padding-bottom:80px;}
.section.sec4 li a{ position:relative; display:block;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.section.sec4 li img{max-width:31.25%;}
.section.sec4 li .sec4_tet{ width:1028px; max-width:64.65%;display:block; display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.section.sec4 li .sec4_tet .sec_time{ color:#999; font-size:14px; padding-bottom:22px; width:100%;font-family: "milanb";}
.section.sec4 li .sec4_tet h2{ color:#444; font-size:24px; line-height:1.3; max-height:62.4px;width:100%;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; }
.section.sec4 li .sec4_tet p{ color:#999; font-size:14px; line-height:1.5; height:66px; padding-top:24px; padding-bottom:0; margin-bottom:20px;width:100%; }
.section.sec4 li:hover .sec4_tet h2{ color:#524886;}
.section.sec4 .sec4_btn{width:170px; height:54px; margin:0 auto; }
.section.sec4 .sec4_btn a{ display:block; width:170px; height:54px; line-height:54px; text-align:center; color:#524886; font-size:18px; border:#524886 solid 1px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.section.sec4 .sec4_btn a:hover{ background-color:#524886; color:#fff;}
.index_news_line{ position:absolute; bottom:0; width:1028px;max-width:64.65%; right:0; height:1px; background-color:#ddd;}

@media only screen and (max-width:1680px){
	/*section1*/
	.section.sec1 ul{ margin-top:40px;}
	.section.sec1 .sec_left{ margin-left:4%; max-width:45%; padding-top:160px;}
	.section.sec1 .sec_right .sec_img{ margin-top:-67px;}


	/*section2*/
	.section.sec2 .sec_right{ margin-right:4%;}
	/*section3*/
	.section.sec3 .sec_left{ margin-left:4%; }
}
@media only screen and (max-width:1440px){
	/*section1*/
	.section.sec1{ padding-bottom:120px;}
	.section.sec1 .sec_left{ padding-top:80px;}
	.section h2{ font-size:38px;}
	.section h3{ font-size:30px;}
	.section p{ font-size:18px;  padding-top:32px; padding-bottom:56px;}
	.section .sec_tet a{ width:136px; height:44px; line-height:44px; font-size:14px;}
	.section.sec1 .sec_right .sec_img{ margin-top:-60px;}
	.section.sec1 ul{ margin-top:30px;}
	.section.sec1 ul li{ font-size:12px; color:#999;}
	.section.sec1 h3{ font-size:20px; width:530px;}
	.section.sec1 p{ padding-top:24px; padding-bottom:40px;}
	/*section2*/
	.section.sec2 { padding-top:72px;}
	.section .sec_icon{ width:140px;}
	.section .sec_tet span{font-size:26px; }
	.section.sec2 .sec_bg{ height:370px;}
	.section.sec2 .sec_right{ margin-top:100px;}
	/*section3*/
	.section.sec3{ padding-top:128px; padding-bottom:88px;}
	.section.sec3 .sec_left{  padding-top:88px;}
	.section.sec3 .sec_icon{ width:160px;}
	.section.sec3 .sec_bg{ height:568px;}
	
	.section.sec4 li{ padding-bottom:80px;}

}
@media only screen and (max-width:1024px){
	
	.section .sec_tet a:hover{ background-color:#524886; color:#fff; }
	.section.sec2 .sec_tet a:hover{ background-color:#70c7bc;color:#fff;}
	.section.sec3 .sec_tet a:hover{ background-color:#f9c45d;color:#fff;}
	.section.sec4 li:hover .sec4_tet h2{ color:#444;}
	.section.sec4 .sec4_btn a:hover{ background-color:transparent; color:#524886;}
	/*banner*/
	.banner.parallux{ height:auto;}
	.swiper-pagination-fraction{ width:50px; left:4%; bottom:20px;  font-size:1.8rem;}
	.swiper-pagination-current{ font-size:2.8rem;}
	.swiper-button-prev{ width:10px; height:21px; background-size:10px auto; bottom:20px; left:40%;}
	.swiper-button-next{ width:10px; height:21px; background-size:10px auto; bottom:20px; left:44%;}
	/*section1*/
	.section.sec1{ padding-bottom:100px;}
	.section.sec1 .sec_left{ margin-left:4%; padding-top:60px;}
	.section h2{ font-size:2.8rem;}
	.section h3{ font-size:2.3rem;padding-top:12px; line-height:1.3;}
	.section p{ font-size:1.5rem; padding-top:20px; padding-bottom:35px; line-height:1.3;}
	.section .sec_tet a{ width:100px; height:36px; line-height:36px;font-size:1.3rem;}
	.section.sec1 .sec_right .sec_img{ margin-top:-45px;}
	.section.sec1 ul{ margin-top:20px;display: none;}
	.section.sec1 ul li{ font-size:1rem; color:#999; line-height:2; margin-bottom:0;}
	.section.sec1 ul li{ float:left; margin-right:0; width:100%;}
	.section.sec1 ul li:nth-child(2n){ margin-right:0;}
	.section.sec1 h3{font-size:1.6rem; width:420px;}
	.section.sec1 p{padding-top:14px; padding-bottom:20px;}
	/*section2*/
	.section.sec2 .sec_right{ margin-right:4%;}
	.section.sec2 .sec_tet{ margin-top:75px;}
	.section .sec_icon{ width:86px; font-size:2rem; padding-bottom:30px; margin-bottom:12px; background-size:2px auto;}
	.section.sec2 .sec_icon{ width:110px;}
	.section .sec_icon img{ width:33px;}
	.section .sec_tet span{font-size:2rem;}
	.sec_tit{ width:200px;margin-bottom:24px;}
	.section.sec2 .sec_bg{ height:200px;}
	/*section3*/
	.section.sec3{padding-top:90px; padding-bottom:66px;}
	.section.sec3 .sec_right{ margin-top:0px;}
	.section.sec3 .sec_left{margin-left:4%; padding-top:50px;}
	.section.sec3 .sec_icon span{ padding-right:10px;}
	.section.sec3 .sec_bg{  height:350px;}
	/*section4*/
	.section.sec4{ padding-bottom:60px;}
	.section.sec4 li{ padding-bottom:50px;}
	.section.sec4 li.last{ padding-bottom:40px;}
	.section.sec4 li .sec4_tet .sec_time{ font-size:1.1rem; padding-bottom:10px;}
	.section.sec4 li .sec4_tet h2{font-size:1.6rem; max-height:42px;}
	.section.sec4 li .sec4_tet p{ font-size:1.1rem; height:45px; padding-top:12px; margin-bottom:10px; font-weight:normal; }
	.section.sec4 .sec4_btn{width:100px; height:36px;}
	.section.sec4 .sec4_btn a{ width:100px; height:36px;line-height:36px; font-size:1.3rem;}


}
@media only screen and (max-width:960px){
	.banner .swiper-slide a.mobile1{ display:block;}
	.banner .swiper-slide a.web1{ display:none;}
	.banner .swiper-slide a img{ width:100%;}
	.swiper-button-prev{ left:auto; right:12%;}
	.swiper-button-next{ left:auto; right:4%;}
	/*section1*/
	.section.sec1{ padding-bottom:0; overflow:hidden;}
	.section.sec1 .sec_left{ margin-left:4%; width:92%; max-width:none; padding-bottom:40px; padding-top:60px;}
	.sec1_bg{ position:absolute; bottom:0; left:0;max-width:72.3%;}
	.section.sec1 .sec_right{ max-width:none; width:100%;}
	.section.sec1 .sec_right .sec_img{margin-top:0;}
	/*section2*/
	.section.sec2{ padding-top:40px;justify-content:flex-end;}
	.section.sec2 .sec_left{ max-width:none; width:100%  }
	.section.sec2 .sec_right.sec_tet{ width:210px; max-width:none; margin:0 8% 0 0; padding-bottom:40px;}
	.section.sec2 .sec_icon{ width:110px;}
	.section .sec_icon img{ width:33px;}
	.section.sec2 .sec_bg{ display:none;}
	/*section3*/
	.section.sec3{ padding-bottom:60px; padding-top:60px;}
	.section.sec3 .sec_left{ margin-left:8%;max-width:none; padding-top:0;}
	.section.sec3 .sec_right{ margin-top:40px; max-width:none; width:100%;}
	.section.sec3 .sec_icon{ float:left; width:100%; text-align:left;background-position:left bottom; justify-content:flex-start;}
	.section.sec3 .sec_icon span{ padding-right:20px;}
	.section.sec3 .sec_bg{ display:none;}
	/*section4*/
	.section.sec4 li{ padding-bottom:30px;}
	.section.sec4 li img{max-width:100%; margin-bottom:20px;}
	.section.sec4 li .sec4_tet{  max-width:100%;align-items:flex-start; padding-bottom:10px;}
	
	.index_news_line{ max-width:100%;}

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .banner1{ display:none;}
	.banner2{ display:block;}
	.flex-viewport{ width:100%;}
	.flex-control-nav {width:1540px; left:50%; margin-left:-770px; position: absolute; bottom:50px; text-align:left; z-index:9;}
	.flex-control-nav li { margin-right:10px;display: inline-block; zoom: 1; *display: inline;}
	.flex-control-nav li a{ width:10px; height:10px; border-radius:50px; opacity:0.3;filter: Alpha(opacity=30); display:inline-block; background:#fff;cursor: pointer; text-indent: -9999px;}
	.flex-control-nav li a.flex-active{ width:10px; height:10px; opacity:1;filter: Alpha(opacity=100);}
	.section.sec1{ height:auto !important;}
}