/*banner*/
.banner_flexslider{ display:block; width:100%; position:relative;height:580px;}
.banner .swiper-container{ display:none;}
.flex-viewport{ width:100%;}
.banner_flexslider ul li{height:580px;}
.flex-control-nav {width:100%; left:0;position: absolute; bottom:10px; text-align:center; z-index:9;}
.flex-control-nav li { margin:0 8px;display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a{ background:url(../images/banner_icon1.png) no-repeat 100%; width:14px; height:14px; opacity:1; display:inline-block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a.flex-active{  background:url(../images/banner_icon2.png) no-repeat 100%;}

.swiper-pagination-bullet{  background:url(../images/banner_icon1.png) no-repeat 100%; width:14px; height:14px; opacity:1;}
.swiper-pagination-bullet-active{ background:url(../images/banner_icon2.png) no-repeat 100%;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.banner{ width:100%; height:580px;}
.swiper-container{ height:580px;}
.banner a{ display:block; width:100%; height:100%; background-position: center; background-size:cover; background-repeat:no-repeat;}
.banner h1{ font-size:48px; line-height:1; font-weight:normal; color:#fff; padding-top:152px; padding-bottom:30px; padding-left:60px;text-shadow:#333 2px 2px 2px;}
.banner p{ font-size:22px; line-height:32px; font-weight:normal; color:#fff; padding-bottom:30px; padding-left:60px; width:40%;text-shadow:#333 2px 2px 2px;}
.banner .banner_btn{ height:34px; line-height:32px; padding-left:20px; padding-right:35px; color:#fff; background-image:url(../images/nav_icon7.png); background-repeat:no-repeat; background-position:84px center; border:#fff solid 1px; border-radius:17px; width:auto; max-width:115px; margin-left:60px; font-size:14px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.banner .banner_btn:hover{ background-color:#fff; color:#0091db;background-image:url(../images/nav_icon8.png);}
/*sec1*/
.sec1{ padding:70px 0;}
.sec1 h1{ text-align:center; color:#222; font-size:34px; line-height:1; font-weight:bold; padding-bottom:74px;}
.sec1 ul li{ float:left; width:24%; margin-right:1.3%;}
.sec1 ul li.last{ margin-right:0;}
.sec1 ul li img{ width:100%;}
.sec1 ul li p{ color:#444; font-size:26px; line-height:1; padding-bottom:10px;}
.sec1 ul li a{ display:block; width:100%; position:relative;}
.sec1 ul li a .sec1_line{ width:0; height:3px; background-color:#0091db;transition: .5s linear; -moz-transition:.5s linear; -webkit-transition:.5s linear;}
.sec1 ul li a:hover p{ font-weight:bold;}
.sec1 ul li a:hover .sec1_line{ width:100%;}
.sec1 ul li a .sec1_li{ width:100%; height:100%; position:relative; overflow:hidden;}
.sec1 ul li a .mask{ width:100%; height:100%; position:absolute; bottom:-100%; left:0; background-image:url(../images/index_sec1_bg.png);transition: .5s linear; -moz-transition:.5s linear; -webkit-transition:.5s linear;}
.sec1 ul li a .mask .sec1_btn{ width:140px; height:35px; line-height:35px; border:#fff solid 1px; color:#fff; border-radius:30px; text-align:center; font-size:18px; position:absolute; top:50%; left:50%; margin-left:-70px; margin-top:-17.5px;}
.sec1 ul li a:hover .mask{ bottom:0;}
/*sec2*/
.sec2{ padding-bottom:98px;}
.sec2 .inner{ position:relative;}
.sec2 h1{ color:#222; font-size:34px; line-height:1; font-weight:bold; padding-bottom:48px;}
.sec2 .inner .sec2_more{ position:absolute; right:0; top:16px;}
.sec2 .inner .sec2_more a{ display:block; color:#0091db; font-size:16px; line-height:1; background-image:url(../images/nav_icon3.png); background-repeat:no-repeat; background-position:right center; padding-right:20px; }
.sec2 ul li{ float:left; width:820px; max-width:48%;}
.sec2 ul li.last{ float:right;}
.sec2 ul li a{ display:block; border:#e3e3e3 solid 1px; padding:26px 24px 26px 40px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.sec2 ul li a:hover{ border:#0091db solid 1px;}
.sec2 ul li a .f-left{ max-width:30%;}
.sec2 ul li a .f-left img{ max-width:100%;}
.sec2 ul li a .f-right{ width:532px; max-width:68%;}
.sec2 ul li a .f-right h2{ color:#222; font-size:18px; line-height:1.3;margin-bottom:8px; transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sec2 ul li a .f-right p{ color:#777; font-size:14px; line-height:24px; height:52px;}
.sec2 ul li a:hover .f-right h2{ color:#0091db;}
@media only screen and (max-width:1680px){
	/*banner*/
	.banner h1{ padding-top:130px;padding-left:0px;}
	.banner p{ padding-left:0px; width:50%;}
	.banner .banner_btn{ margin-left:0px;}
	/*sec2*/
	.sec2 ul li a .f-left{display: flex;align-items: center;vertical-align:middle;}
	.sec2 ul li a .f-left img{ vertical-align:middle; display:block;}
}
@media only screen and (max-width:1440px){
	/*banner*/
	.banner h1{ padding-top:100px;}
}
@media only screen and (max-width:1366px){
	/*sec2*/
	.sec2 ul li a{ padding:16px;}
	.sec2 ul li a .f-right h2{ margin-bottom:5px;}
}
@media only screen and (max-width:1024px){
	/*banner*/
	.swiper-pagination-bullet{ background-size:100%; width:8px; height:8px;}
	.banner,.banner_flexslider,.banner_flexslider ul li{ height:500px;}
	.flex-control-nav li a{ width:8px; height:8px;background-size:100%;}
	.flex-control-nav li a.flex-active{ background-size:100%;}
	.swiper-container{ height:500px;}
	.banner h1{ font-size:2.9rem; padding-top:76px; padding-bottom:15px; padding-left:0px;text-shadow: #333 1px 1px 1px;}
	.banner p{ font-size:1.6rem; line-height:2.1rem; height:auto; padding-bottom:30px; padding-left:0px; width:60%;text-shadow: #333 1px 1px 1px;}
	.banner .banner_btn{ font-size:1.2rem; height:30px; line-height:28px; padding-left:10px; padding-right:17.5px;background-position:70px center; border-radius:15px; max-width:90px; margin-left:0px;}
	.banner .banner_btn:hover{ background-color:transparent; color:#fff;background-image:url(../images/nav_icon7.png);}
	/*sec1*/
	.sec1{ padding:30px 0 0;}
	.sec1 h1{ font-size:2.2rem; padding-bottom:35px;}
	.sec1 ul li{ width:49%; margin-right:2%; margin-bottom:40px;}
	.sec1 ul li:nth-child(2n){ margin-right:0;}
	.sec1 ul li p{ font-size:1.8rem; padding-bottom:20px; font-weight:bold;}
	.sec1 ul li a .sec1_line{ height:1.5px; width:100%;}
	.sec1 ul li a .mask{ display:none;}
	/*sec2*/
	.sec2{ padding-bottom:30px;}
	.sec2 h1{ font-size:2.2rem; padding-bottom:16px;}
	.sec2 .inner .sec2_more{  top:10px;}
	.sec2 .inner .sec2_more a{ font-size:1.3rem; padding-right:10px; }
	.sec2 ul li{width:100%; max-width:100%; margin-bottom:15px;}
	.sec2 ul li a{ padding:10px;}
	.sec2 ul li a:hover{ border:#e3e3e3 solid 1px;}
	.sec2 ul li a .f-left{display: flex;align-items: center; width:110px; max-width:none;vertical-align:middle;}
	.sec2 ul li a .f-left img{ vertical-align:middle; display:block;}
	.sec2 ul li a .f-right{ float:left; margin-left:2.5%; max-width:80%; width:auto;}
	.sec2 ul li a .f-right h2{ font-size:1.4rem;font-weight:normal; line-height:1.2; margin-bottom:5px; }
	.sec2 ul li a .f-right p{ font-size:1.2rem; line-height:1.8rem; height:auto;max-height:3.6rem;}
	.sec2 ul li a:hover .f-right h2{ color:#222; font-weight:normal;}
}
@media only screen and (max-width:768px){
	/*sec2*/
	.sec2 ul li a .f-right{max-width:75%;}
}
@media only screen and (max-width:580px){
	/*sec2*/
	.sec2 ul li a .f-left{ max-width:32%;}
	.sec2 ul li a .f-right{ max-width:65%;}	
}
@media only screen and (max-width:414px){
	/*banner*/
	.banner_flexslider{ display:none;}
	.banner .swiper-container{ display:block;}
	.banner a{ background-size:cover; background-position:center top;}
	.banner h1{ font-size:2.5rem; padding-top:50px; padding-bottom:15px; }
	.banner p{ font-size:1.4rem; line-height:2rem; width:60%;}
}
@media only screen and (max-width:375px){
	/*banner*/
	.banner h1{ font-size:2.4rem; padding-top:40px; }
	/*sec2*/
	.sec2 ul li a .f-left{ max-width:35%;}
	.sec2 ul li a .f-right{ max-width:62%;}	
}
@media only screen and (max-width:320px){
	/*banner*/
	.banner{ height:400px;}
	.swiper-container{ height:400px;}
	/*sec2*/
	.sec2 ul li a .f-left{ max-width:40%;}
	.sec2 ul li a .f-right{ max-width:57%;}	
}