.section-banner{position:relative;}
.section-banner .quick-box {position: absolute;bottom: 0;width: 100%;}
.quick-nav>li>a{font-size:16px;color:#fff;display:block;text-align:center;padding:20px 15px;background-color: rgba(82,178,175,.84);border-top-left-radius:4px;border-top-right-radius:4px;transition: all 0.2s ease-out 0s;}
.quick-nav>li>a img{display:block;margin:0 auto;margin-bottom:20px;transition: all 0.5s ease-in-out;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.quick-nav>li:nth-child(2)>a{background-color: rgba(60,133,177,.84);}
.quick-nav>li:nth-child(3)>a{background-color: rgba(64,147,217,.84);}
.quick-nav>li:nth-child(4)>a{background-color: rgba(63,116,209,.84);}
.quick-nav>li:nth-child(5)>a{background-color: rgba(114,164,129,.84);}
.quick-nav>li>a:hover img{transform:rotateY(180deg);}
.section-one{padding-top:20px;padding-bottom:30px;}
.section-two{padding-top:30px;padding-bottom:50px;background: url(bg.png) center bottom no-repeat;background-size:cover;}
.section-three{padding-top:40px;padding-bottom:50px;background: url(bg2.png) center bottom no-repeat;background-size:cover;}
.section-four{padding-top:40px;padding-bottom:40px;background: url(bg3.png) center top no-repeat;background-size:cover;}
.common-head{position:relative;margin-top:20px;margin-bottom:30px;text-align:center;}
.common-head h3{color:#4485b4;font-size:30px;margin-top:-20px;font-weight:bold;letter-spacing:2px;}
.common-head p{color:#c3d8e7;font-size:36px;font-weight:bold;text-transform: uppercase;letter-spacing:2px;}
.common-head .more{position:absolute;top:20px;right:0;}
.common-head .more a{color:#4f4f4f;font-size:15px;display:block;transition: 0.4s;}
.expert .common-head h3,.expert .common-head .more a,.deptbox2 .common-head h3,.deptbox2 .common-head .more a{color:#fff;}
.tab-title{margin:40px 0;text-align: center;}
.tab-title li{display:inline-block;color:#787878;font-size:26px;margin:0 10px;font-weight:bold;padding:8px 20px;letter-spacing:2px;}
.tab-title li a{color:#787878;}
.tab-title li.on{color:#fff;background-color:#3785c7;border-radius:10px;}
.tab-title li.on a{color:#fff;}
.tab-title2{margin:40px 0;text-align: center;}
.tab-title2 li{display:inline-block;color:#fff;font-size:22px;margin:0 10px;padding:8px 20px;background-color:#8ec7e1;border-radius:10px;letter-spacing:2px;}
.tab-title2 li a{color:#fff;}
.tab-title2 li.on{box-shadow: 0px 0px 10px #ccc;background-color:#3785c7;}
.tab-title3{margin-bottom:25px;text-align: center;}
.tab-title3 li{display:inline-block;color:#fff;font-size:26px;margin:0 10px;font-weight:bold;padding:7px 20px;letter-spacing:2px;}
.tab-title3 li a{color:#fff;}
.tab-title3 li.on{color:#fff;background-color:#8ec7e1;border-radius:10px;}
.tab-title3 li.on a{color:#fff;}
.tab-list{display:none;}
.tab-news{background:#fff;height:100%;border-radius:5px;padding:20px;}
.depbox-list li{margin-bottom:20px;}
.depbox-list li a{color:#fff;font-size:15px;padding:13px 45px 13px 10px;display:block;background-color:#67a1d1;}
.depbox-list li a img{margin:0 10px;transition: all 0.5s ease-in-out;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.depbox-list li a:hover{background-color:#3785c7;}
.depbox-list li a:hover img{transform:rotateY(180deg);}
.deptbox .depbox-list li a{background-image: url(arr.png);background-position: 90% center;background-repeat:no-repeat;}
.deptbox-pic img{width:100%;height:auto;border-radius:5px;}
@media (max-width: 1499px) and (min-width: 1200px){
	.depbox-list li a img{width:30px;}
	.deptbox .depbox-list li a{padding-right:20px;background-size:20px;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.depbox-list li{width:50%;}
	.depbox-list li a img{width:30px;}
	.deptbox .depbox-list li a{padding-right:20px;background-size:20px;}
}
@media (max-width: 767px){
	.section-banner .quick-box{position:relative;}
	.quick-nav>li{margin-bottom:15px;}
	.quick-nav>li>a img{float:left;margin-bottom:0;width:30px;}
	.common-head{text-align:left;}
	.common-head h3{font-size:20px;margin-top:-10px;}
	.common-head p{font-size:22px;letter-spacing:0;}
	.common-head .more{top:10px;}
	.common-head .more a{font-size:14px;}
	.tab-title li{width:50%;float:left;font-size:20px;margin:0 0 10px;}
	.tab-title2 li{width:50%;float:left;font-size:20px;margin:0 0 10px;}
	.tab-title3 li{width:50%;float:left;font-size:20px;margin:0 0 10px;}
	.expert .common-head p,.deptbox .common-head p{font-size:15px;}
}