@charset "utf-8";
#header .menu ul li.i3 a span{background: rgba(26,85,242,0.8); }

#banner{height: 500px;overflow: hidden;}
#banner .banner .con{padding-top: 11%;}

#module-01{	overflow: hidden; position: relative; z-index: 1; }
#module-01 .box{ overflow: hidden; padding: 80px 0; justify-content: space-between;}
#module-01 .box .pic{float:right; margin-left:40px; margin-bottom:30px;margin-top:80px}
#module-01 .box .pic img{width: 623px; display: block;}
#module-01 .box .con{}
#module-01 .box .con h1{font-size: 38px; margin-bottom: 30px;}
#module-01 .box .con p{ margin-bottom: 15px; line-height: 1.5em; text-indent: 2em;}
#module-01 .box .more{color: #fff; width: 120px; height: 32px; line-height: 32px; text-align: center; display: block;background: linear-gradient(to right, rgba(133,146,251,0.8) 0 , rgba(86,176,252,0.8)); }

#module-02{ min-height: 785px; position: relative; padding: 380px 0 0;}
#module-02 .module-bg{ background: url(../img/temp-bg.jpg) no-repeat center top; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 785px;}
#module-02 .title{ color: #fff; font-weight: bold; font-family: Times, times new roman, georgia, Cambria;}
#module-02 .title span{ font-size: 28px; color: #fff; position: relative; left: 0px; bottom: 2px;}
#module-02 .mainBox{position: relative; z-index: 1;}
#module-02 .con{padding: 40px 0;}
#module-02 .con h1{color: #fff; font-size: 26px; font-weight: normal;}
#module-02 .con h2{color: #fff; font-size: 24px; font-weight: normal;}
#module-02 .con a{display: block; border-radius: 10px; overflow: hidden; width: 550px; background: #000000; position: relative; margin-top: 20px;}
#module-02 .con a img{display: block; opacity: 1;transition: all 0.2s ease-in-out; width: 550px; height: 350px;}
#module-02 .con a:hover img{opacity: .2;}
#module-02 .con a div{ position: absolute; padding: 25px; width: 100%; height: 100%; left: 0; top: 100px; opacity: 0; transition: all 0.2s ease-in-out;}
#module-02 .con a:hover div{opacity: 1; top: 0;}
#module-02 .con a div h2{margin-bottom: 20px;}
#module-02 .con a div p{ color: #fff; font-size: 16px; margin-bottom: 10px;}
/*启动滚动后，删除下面宽度设置*/
#module-02 .con .swiper-slide{width:auto; margin-right:50px}

#module-03{  position: relative; padding: 20px 0 0;}
#module-03 .title{font-size: 42px; font-weight: bold; font-family: Times, times new roman, georgia, Cambria;}
#module-03 .title span{ font-size: 28px;position: relative; left: 0px; bottom: 10px;}
#module-03 .mainBox{position: relative; z-index: 1;}
#module-03 .con{overflow: hidden; padding: 50px 0;}
#module-03 .list{display: block; float: left; overflow: hidden; width: 400px; box-sizing: border-box; margin-bottom: 50px; padding-right: 30px;}
#module-03 .list .pic{float: left; border-radius: 10px; overflow: hidden;}
#module-03 .list .pic img{width: 150px; display: block;}
#module-03 .list .text{ padding-left: 20px; float: left; width:220px}
#module-03 .list .text h2{ font-size: 22px; margin-bottom: 20px; font-weight: normal;}

@media screen and (max-width: 768px) {
	
	#header .menu ul li.i3 a span{background:none; }
	

	#module-01{	overflow: hidden; position: relative; z-index: 1; }
	#module-01 .box{ overflow: hidden; padding: 20px; display: block; align-content: center; align-items: center; justify-content: space-between;}
	#module-01 .box .pic{}
	#module-01 .box .pic img{width: 100%; }
	#module-01 .box .con{width: 100%; }
	#module-01 .box .con h1{font-weight: normal; font-size: 22px; margin-bottom: 10px;}
	#module-01 .box .con p{ margin-bottom: 15px; line-height: 1.5em;}
	#module-01 .box .more{color: #fff; width: 120px; height: 32px; line-height: 32px; text-align: center; display: block;background: linear-gradient(to right, rgba(133,146,251,0.8) 0 , rgba(86,176,252,0.8)); }
	
	#module-02{ min-height: 200px; position: relative; padding: 20px 0;}
	#module-02 .module-bg{ background: linear-gradient(to right, rgba(133,146,251, 1) 0 , rgba(112,159,251, 1) 30%, rgba(86,176,252,1)); position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 62vw;}
	#module-02 .title{font-size: 22px; color: #fff; font-weight: bold; font-family: Times, times new roman, georgia, Cambria;}
	#module-02 .title span{ font-size: 22px; color: #fff; font-weight: normal; position: relative; left: 20px; bottom: 2px;}
	#module-02 .mainBox{position: relative; z-index: 1;}
	#module-02 .con{padding: 20px 0 40px;}
	#module-02 .con h1{color: #fff; font-size: 14px; font-weight: normal;}
	#module-02 .con h2{color: #fff; font-size: 16px; font-weight: normal;}
	#module-02 .con a{display: block; border-radius: 10px; overflow: hidden; width: 95%; background: #000000; position: relative; margin-top: 10px;}
	#module-02 .con a img{display: block; opacity: 1; transition: all 0.2s ease-in-out; width: 30vw; height: auto;}
	#module-02 .con a:hover img{opacity: .2;}
	#module-02 .con a div{ position: absolute; padding: 15px; width: 100%; height: 100%; left: 0; top: 100px; opacity: 0; transition: all 0.2s ease-in-out;}
	#module-02 .con a:hover div{opacity: 1; top: 0;}
	#module-02 .con a div h2{margin-bottom: 20px;}
	#module-02 .con a div p{ color: #fff; font-size: 16px; margin-bottom: 10px; }
	/*启动滚动后，删除下面宽度设置*/
	#module-02 .swiper-wrapper{display: block; overflow: auto; padding: 0 20px; white-space: nowrap;}
	#module-02 .con .swiper-slide{width:auto; margin-right:20px; display: inline-block;}
	
	#module-03{  position: relative; padding: 20px ;}
	#module-03 .title{font-size: 22px; font-weight: bold; font-family: Times, times new roman, georgia, Cambria;}
	#module-03 .title span{ font-size: 22px;font-weight: normal; position: relative; left: 0px; bottom: 2px;}
	#module-03 .mainBox{position: relative; z-index: 1;}
	#module-03 .con{overflow: hidden; padding: 20px 0;}
	#module-03 .list{display: block; float: none; width: 100%; box-sizing: border-box; margin-bottom: 20px; padding-right: 0px;}
	#module-03 .list .pic{float: left; border-radius: 10px; overflow: hidden;}
	#module-03 .list .pic img{width: 30vw; display: block;}
	#module-03 .list .text{ padding-left: 33vw; float: none; width: auto;}
	#module-03 .list .text h2{ font-size: 18px; margin-bottom: 20px; font-weight: normal;}
}