/*轮播图*/


img {
	width: 100%;
}
#myCarousel{margin-top: 60px;}

#myCarousel .carousel {
	margin-top: 60px;
}

#myCarousel .carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 30%;
	padding-left: 0;
	margin-left: -15%;
	text-align: center;
	list-style: none;
}

#myCarousel .carousel-indicators li {
	width: 12px;
	height: 12px;
	border-radius: 6px; 
	margin: 0 3px;
	background: #FFFFFF;
	cursor: pointer; 
	border: 0px;
	margin:0 3px;
	transition: width 0.3s;
}

#myCarousel .carousel-indicators .active {
	width: 30px;   
	margin:0 3px;
	background: #3477be;
	transition: width 0.3s;
}

#myCarousel .carousel-control.left{
	background-image: none;
}

#myCarousel .carousel-control.right {
	background-image: none;
}

#myCarousel .carousel-control {
    font-size: 120px;
    margin-top: 15%;
}


.index-section{padding:60px;}
.index-section:nth-of-type(odd){background-color: #f2f2f2;}
.index-section .section-head{text-align: center;margin-bottom: 40px;}
.index-section .section-head h2{font-size: 24px;color:#333;letter-spacing: 3px; height: 40px;line-height: 40px;background-color: #ffde2b;border-radius: 20px; display: inline-block;padding:0 15px;position: relative;}
.index-section .section-head h2 span{display: inline-block;margin:0 15px;vertical-align: top;}
.index-section .section-head h2:before{content:'';display:block;width: 60px;height: 2px;background-color: #3477be;position:absolute;left:-75px;top:19px; }
.index-section .section-head h2:after{content:'';display:block;width: 60px;height: 2px;background-color: #3477be; position:absolute;right: -75px;top:19px; }

.index-section .carousel{}
.index-section .carousel .carousel-inner{}
.index-section .carousel .carousel-inner .item{}
/*.index-section .carousel .carousel-inner .item .row{margin:0 -10px;}*/
.index-section .carousel .carousel-inner .item li{ }

.index-section .carousel .carousel-control.left{
	left:-50px;
	background-image: none;
	background:url(../images/btn-left.png) center center no-repeat;
}
.index-section .carousel .carousel-control.right {
	right:-50px;
	background-image: none;
	background:url(../images/btn-right.png) center center no-repeat;
}
.index-section .carousel .carousel-control {
     width: 50px;height: 80px;top:50%;margin-top: -40px;
}
/*第一个模块*/
.one-section .section-main ul{margin:0 -10px;}
.one-section .section-main ul li{padding:0 10px;}
#oneCarousel .item li .pic{border:1px solid #ccc;background-color: #fff;margin-bottom: 10px;}
#oneCarousel .item li .tit{text-align: center;font-size: 16px;line-height: 24px;  height: 24px;white-space: nowrap; overflow: hidden;}
#oneCarousel .item li .more{text-align: center;margin-top: 10px;}
#oneCarousel .item li .more a{display: inline-block;border:1px solid #3477be;height: 30px;line-height: 30px;border-radius: 15px;padding:0 15px;}
#oneCarousel .item li .more a:hover{background-color:#3477be;color:#fff; }
#oneCarousel .carousel-control{margin-top:-70px;}


/*第二个模块*/
.two-section{} 
.two-section .section-main{}
.two-section .section-main ul{margin:0 -10px;}
.two-section .section-main ul li{padding:0 10px;}
.two-section .section-main ul li .box{}
.two-section .section-main ul li .box a{display: block;}
.two-section .section-main ul li .box img{border:1px solid #ccc;border-top:0;width:100%;box-sizing: border-box;display: block;}
.two-section .section-main ul li .box .tit{line-height: 30px;padding:10px 0;background-color: #3477be;text-align: center;color:#fff;font-size: 18px;position: relative;}
.two-section .section-main ul li .box .tit:after{content:"";display: block;width:53px;height: 18px;background:url(../images/solve-icon.png);position: absolute;top:100%;left:50%;margin-left: -26px;}

/*第三个模块*/
.three-section{} 
.three-section .section-main{}
.three-section .section-main .clearfix{display: table;}
.three-section .section-main .pic{padding:0;display: table-cell;float: none;}
.three-section .section-main .pic img{width:100%;}
.three-section .section-main .cont{padding:30px 25px;background:#fff;display: table-cell;vertical-align: middle;float: none;}
.three-section .section-main .cont h3{margin-bottom: 20px;}
.three-section .section-main .cont p{line-height: 24px;margin:10px 0;text-indent: 2em;font-size: 16px;}
.three-section .section-main .cont .more{margin-top: 15px;text-align: center;}
.three-section .section-main .cont .more a{display: inline-block;padding:0 15px;line-height: 30px;border: 1px solid #3477be;border-radius: 15px;}
.three-section .section-main .cont .more a:hover{background-color: #3477be;color:#fff;}
/*第四个模块*/
.four-section{}  
.four-section .first-item{}
.four-section .first-item .pic{}
.four-section .first-item .cont{margin-top: 20px;}
.four-section .section-main ul{}
.four-section .section-main ul li{padding:20px 0;border-bottom: 1px dashed #ddd;}
.four-section .section-main .date {width:80px;border-right: 1px solid #ddd;padding-right: 15px;color:#666;text-align: center;float: left;}
.four-section .section-main .date span{display: block;font-size: 44px;font-weight: bold; color:#666;line-height: 50px;}
.four-section .section-main .text{margin-left: 100px;}
.four-section .section-main .text .tit{line-height: 30px;font-size: 16px;  height: 32px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; }
.four-section .section-main .text .tit a{color:#000;}
.four-section .section-main .text .tit a:hover{color:#3477be}
.four-section .section-main .text .txt{line-height: 24px;color:#888;height: 48px;overflow: hidden;}


/* 超小屏幕（手机，小于等于768px） */
@media (min-width: 0px) and (max-width:768px) {}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 769px) and (max-width:992px) {.container{width:750px; }}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 993px) and (max-width:1200px) {.container{width:970px; }}
/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1201px) {.container{width: 1170px;}}



/* 自定义 */
@media screen and (max-width:1191px) {
	.ten .img li p {font-size: 1.6rem;}
}
@media screen and (max-width:992px) {
.carousel-control {font-size: 90px;margin-top: 15%;}
}
@media screen and (max-width:918px) {
	.ten .centen {width: 85%;}
	.ten .img li p {font-size: 1.5rem;}
}
@media screen and (max-width:918px) {
}

@media screen and (max-width:856px) {
	.one .header p {font-size: 3.3rem;}
	.one .header span {font-size: 1.5rem;}
	.one .bottom li {font-size: 1.5rem;}
	.two .header p {font-size: 3.3rem;}
	.two .header span {font-size: 1.5rem;}
	.three .header p {font-size: 3.3rem;}
	.three .header span {font-size: 1.5rem;}
	.four .header p {font-size: 3.3rem;}
	.four .header span {font-size: 1.5rem;}
	.fif .header p {font-size: 3.3rem;}
	.fif .header span {font-size: 1.5rem;}
	.six .header p {font-size: 3.3rem;}
	.six .header span {font-size: 1.5rem;}
	.seven .header p {font-size: 3.3rem;}
	.seven .header span {font-size: 1.5rem;}
	.eight .header p {font-size: 3.3rem;}
	.eight .header span {font-size: 1.5rem;}
	.nine .header p {font-size: 3.3rem;}
	.nine .header span {font-size: 1.5rem;}
	.ten .header p {font-size: 3.3rem;}
	
}
@media screen and (max-width:778px) {
}
@media screen and (max-width:767px) {
.carousel-control {font-size: 80px;margin-top: 15%;}

	.one .centen{width: 80%;margin: auto;}
	.one .bottom{width: 80%;margin: auto;}
}
@media screen and (max-width:532px) {
.carousel-control {font-size: 65px;margin-top: 13%;}

	.ten .img li p {font-size: 1.4rem;}
}
@media screen and (max-width:466px) {
	.ten .centen {width: 100%;}
	.ten .img li p {font-size: 1.3rem;}
}
@media screen and (max-width:493px) {
	.one .centen{width: 90%;margin: auto;}
	.one .bottom{width: 90%;margin: auto;}
	.one .header p {font-size: 2.8rem;}
	.one .header span {font-size: 1.3rem;}
	.one .bottom li {font-size: 1.3rem;}
	.two .header p {font-size: 2.8rem;}
	.two .header span {font-size: 1.3rem;}
	.three .header p {font-size: 2.8rem;}
	.three .header span {font-size: 1.3rem;}
	.four .header p {font-size: 2.8rem;}
	.four .header span {font-size: 1.3rem;}
	.fif .header p {font-size: 2.8rem;}
	.fif .header span {font-size: 1.3rem;}
	.six .header p {font-size: 2.8rem;}
	.six .header span {font-size: 1.3rem;}
	.seven .header p {font-size: 2.8rem;}
	.seven .header span {font-size: 1.3rem;}
	.eight .header p {font-size: 2.8rem;}
	.eight .header span {font-size: 1.3rem;}
	.nine .header p {font-size: 2.8rem;}
	.nine .header span {font-size: 1.3rem;}
	.ten .header p {font-size: 2.8rem;}
}
@media screen and (max-width:439px) {
.carousel-control {font-size: 5s0px;margin-top: 11%;}

	.one .centen{width: 100%;margin: auto;}
	.one .bottom{width: 100%;margin: auto;}
}