﻿@charset "utf-8";
.container-fluid .main-pic{width: 100%;margin-bottom: 50px;}
.container-fluid .main-pic img{width: 100%;}
.container-fluid .main-content{margin: auto;position: relative;}
.container-fluid .main-content .left .title img{width: 130px;}
.container-fluid .main-content .left .title h2{display: inline-block;vertical-align: bottom;text-align: center;font-size: 24px;line-height: 73px;border-bottom: 3px solid #003b64;padding: 0 35px;}
.container-fluid .main-content .left{width: 70%;display: inline-block;min-height: 410px;}
.container-fluid .main-content .right{width: 30%;display: inline-block;vertical-align: top;right: 0;position: absolute;text-align: right;}
.container-fluid .main-content .right img{width: 270;}
.container-fluid .main-content .left ul.list{padding: 20px 0px 30px 30px;}
.container-fluid .main-content .left ul li.item{display: inline-block;width: 33%;font-size: 1.1em;line-height: 2.5em;float: left;}
.container-fluid .main-content .left ul li.item a{color: #565656;}
.container-fluid .main-content .left ul li.item a:hover{color: #003b64;}
@media screen and (min-width: 1680px){
	.container-fluid .main-content{width: 1200px;}
}
@media screen and (min-width: 1201px) and (max-width: 1679px){
	.container-fluid .main-content{width: 1200px;}
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
	.container-fluid .main-content{width: 1000px;}
}
@media screen and (min-width: 320px) and (max-width: 769px){
	.container-fluid .main-content .right{display: none;}
	.container-fluid .main-pic{margin-bottom: 30px;}
	.container-fluid .main-content .left{width: 100%;}
	.container-fluid .main-content .left .title h2{padding: 0;width: calc(100% - 130px);line-height: 24px;}
	.container-fluid .main-content .left ul.list{padding: 20px 0px;}
}