.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;}
.alignright {float:right;margin-left:15px;}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,div,p,form,input { margin:0; padding:0; font-weight:normal; text-indent:0; list-style-type:none}
body {font-family: 'Open Sans', sans-serif;}
a { color:#373636;}
a:hover {color: #593f3f; text-decoration:none;}

.head { width:100%; margin:0 auto; color:#575757; background:url(../images/banner.jpg) no-repeat center; height: 760px;}
.heads { width:100%; margin:0 auto; color:#575757; background:url(../images/ban.jpg) no-repeat center; height: 580px;}
.headb { width:100%; margin:0 auto; color:#575757; background:url(../images/cont.jpg) no-repeat center; height: 704px;}

.bantext { text-align: center; font-size: 40px; color: #fff; font-weight: bold;}
.logo { }
.mainmenu { text-align:center;}
.mainmenu .navbar-nav li { }
.mainmenu .navbar-nav li a { font-size: 21px; padding: 0px 38px; line-height:96px; color:#e3e3e3; text-align:center;}
.mainmenu .navbar-nav li a:hover { border-bottom:5px solid #fff; background:none; color:#0c2048;}

@media screen and (max-width: 768px)
{
.head { width:100%; margin:0 auto; color:#575757; background:url(../images/banner.jpg) no-repeat center; height: auto;}
.heads { width:100%; margin:0 auto; color:#575757; background:url(../images/ban.jpg) no-repeat center; height: 580px;}
.headb { width:100%; margin:0 auto; color:#575757; background:url(../images/cont.jpg) no-repeat center; height: 704px;}

.bantext { text-align: center; font-size: 28px; color: #fff; font-weight: bold; padding: 60px 15px 250px 15px;}
.logo { }
.mainmenu { text-align:center;}
.mainmenu .navbar-nav li { }
.mainmenu .navbar-nav li a { font-size: 21px; padding: 0px 38px; line-height:96px; color:#e3e3e3; text-align:center;}
.mainmenu .navbar-nav li a:hover { border-bottom:5px solid #fff; background:none; color:#0c2048;}

}

.hx { text-align: center; padding:100px 0px;}
.hx .div_div2 { border-bottom: 2px solid #3367b1; width: 7%; margin: 0 auto; margin-bottom: 20px; padding-top: 40px;}
.hx .div_div3 { font-size: 46px; font-weight: bold; padding:0px; color:#3367b1; margin:0px; line-height:37px;}
.hx .hx-a { font-size: 22px; text-align: left; padding-top: 40px; line-height: 33px;}
.hx .hx-b { padding-top: 20px;}
.hx .div_div1 { border: 1px solid #3367b1; background:#3367b1; border-radius:30px; width: 32%; margin: 0; margin-top: 30px; text-align: center; padding: 8px 20px; color: #fff;}
@media screen and (max-width: 768px)
{
.hx { text-align: center; padding:100px 0px;}
.hx .div_div2 { border-bottom: 2px solid #3367b1; width: 7%; margin: 0 auto; margin-bottom: 20px; padding-top: 40px;}
.hx .div_div3 { font-size: 46px; font-weight: bold; padding:0px; color:#3367b1; margin:0px; line-height:37px;}
.hx .hx-a { font-size: 22px; text-align: left; padding-top: 10px; line-height: 33px; padding: 0px 10px;}
.hx .hx-b { padding-top: 20px;}
.hx .div_div1 { 
    border: 1px solid #3367b1;
    background: #3367b1;
    border-radius: 10px;
    width: 60%;
    margin: 0;
    margin-top: 30px;
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    margin-bottom: 15px;
}
}

.apro { text-align: center; background:#0c2048; padding: 100px 0px;}
.apro .div_div1 { font-size: 48px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#fff; padding-bottom: 30px; line-height: 46px;}
.mores { text-align:center; width:24%; margin:auto; padding: 10px 4px; border: 1px solid #fff; background:#fff; border-radius:5px; font-size: 26px; margin-top: 15px; background-color: rgba(255, 255, 255, 0.7); color: #fff;}

.xgt { text-align: center; background:#f2f6fa; padding: 100px 0px;}
.xgt .div_div1 { font-size: 48px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#3367b1;}
.xgt .div_div2 { border-bottom: 2px solid #3367b1; width: 5%; margin: 0 auto; padding-top: 20px;}

.xgtimg { height:490px; padding: 50px 4px; border: 1px solid #3367b1; width:31%; background:#fff; border-radius:20px; margin: 50px 13px;}
.xgtimg p {color: #3367b1; font-size: 25px; font-weight: bold; padding: 30px 18px;}
@media screen and (max-width: 768px)
{
.apro { text-align: center; background:#0c2048; padding: 80px 0px;}
.apro .div_div1 { font-size: 40px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#fff; padding-bottom: 30px;}
.mores { text-align:center; width:50%; margin:auto; padding: 8px 4px; border: 1px solid #fff; background:#fff; border-radius:4px; font-size: 21px; margin-top: 15px; background-color: rgba(255, 255, 255, 0.7); color: #fff;}

.xgt { text-align: center; background:#f2f6fa; padding: 80px 0px;}
.xgt .div_div1 { font-size: 40px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#3367b1;}
.xgt .div_div2 { border-bottom: 2px solid #3367b1; width: 5%; margin: 0 auto; padding-top: 20px;}

.xgtimg { border: 1px solid #3367b1; width:92%; background:#fff; border-radius:20px; margin: 10px 10px;}
.xgtimg p {color: #3367b1; font-size: 25px; font-weight: bold; padding: 10px 18px;}
}

.about { text-align: center; padding-bottom:60px; padding-top:60px;}
.about .div_div2 { border-bottom: 2px solid #3367b1; width: 7%; margin: 0 auto; padding:10px 0px; }
.about .div_div3 { font-size: 46px; font-weight: bold; padding:28px 0px 15px 0px; color:#3367b1; margin:0px; line-height:40px;}
.about-l { text-align: left; padding-top: 40px; line-height: 27px;}
.bittom { background: #621704; width: 30%; padding: 8px 10px; text-align: center; color: #fff;}
@media screen and (max-width: 768px)
{
.about { text-align: center; padding-bottom:60px; padding-top:60px;}
.about .div_div2 { border-bottom: 2px solid #3367b1; width: 7%; margin: 0 auto; padding:10px 0px; }
.about .div_div3 { font-size: 40px; font-weight: bold; padding:28px 0px 15px 0px; color:#3367b1; margin:0px; line-height:40px;}
.about-l { text-align: left; padding-top: 40px; line-height: 27px;}
.bittom { background: #621704; width: 30%; padding: 8px 10px; text-align: center; color: #fff;}
}

.foots { width:100%; height:auto; padding:100px 0px 40px 0px; background: #0c2048; }
.flet h2{ font-size: 30px; text-align: left; color: #5e92db; }
.flet .youtu a { padding: 0px 10px; color: #fff;}
.flet p { font-size: 20px; color: #b3bcd0; line-height: 32px; padding: 4px 0px;}
.flet b { color: #fff;}
.fcent { text-align: center; }
.fcent b { font-size: 27px; text-align: center; color: #5e92db; padding-right: 28px;}
.fcent a { font-size: 20px; display: block; color: #fff; font-weight: normal; line-height: 48px; padding-right: 28px; padding-top: 4px;}
.fcent a:hover { color: #3367b1;}
.button { background: #3367b1; color: #fff; border: none; padding: 12px 42px; margin-top: 8px;}
@media screen and (max-width: 768px)
{
.foots { width:100%; height:auto; padding:80px 0px 40px 0px; background: #0c2048; }
.flet h2{ font-size: 30px; text-align: left; color: #5e92db; }
.flet .youtu a { padding: 0px 4px; color: #fff;}
.flet p { font-size: 20px; color: #b3bcd0; line-height: 32px; padding: 4px 0px;}
.flet b { color: #fff;}
.fcent { text-align: center; }
.fcent b { font-size: 27px; text-align: center; color: #5e92db; padding-right: 28px;}
.fcent a { font-size: 20px; display: block; color: #fff; font-weight: normal; line-height: 48px; padding-right: 28px; padding-top: 4px;}
.fcent a:hover { color: #3367b1;}
.button { background: #3367b1; color: #fff; border: none; padding: 12px 40px; margin-top: 8px;}
}

.abouts { padding: 100px 0px;}
.aboutsa { padding: 0px 15px 0px 0px;}
.aboutsb { padding: 20px 0px 0px 25px; line-height: 42px; font-size: 24px;}
.aboutsb b { font-size: 48px; }
.aboutsb .div_div1 { border: 1px solid #3367b1; background:#3367b1; border-radius:30px; width: 42%; margin: 0; margin-top: 30px; text-align: center; padding: 8px 20px; color: #fff;}
.aboutsb .div_div1 a { color:#fff;}
@media screen and (max-width: 768px)
{
.abouts { padding: 60px 0px 50px 0px;}
.aboutsa { padding: 15px 15px;}
.aboutsb { padding: 0px 15px; line-height: 32px; font-size: 20px;}
.aboutsb b { font-size: 40px;}
.aboutsb .div_div1 { border: 1px solid #3367b1; background:#3367b1; border-radius:30px; width: 42%; margin: 0; margin-top: 30px; text-align: center; padding: 8px 20px; color: #fff;}
.aboutsb .div_div1 a { color:#fff;}
}

.lishi { background:#2f4164; padding:100px 0px; color: #fff; text-align: center; }
.lishi h2 {text-align: left; color: #fff; font-size: 55px; font-weight: bold; padding-top:80px;}
.lishi h6 {text-align: left; color: #fff; font-size: 25px; padding-top:0px;}
@media screen and (max-width: 768px)
{
.lishi { background:#2f4164; padding:100px 0px; color: #fff; text-align: center; }
.lishi h2 {text-align: left; color: #fff; font-size: 38px; font-weight: bold; padding-top:30px;}
.lishi h6 {text-align: left; color: #fff; font-size: 22px; padding:0px; margin:0px;}
	}

.apo { padding:0px 15px;}
.apo h2 { text-align:left; color:#fff; font-size:28px; margin:0px; padding-top:23px;}
.apo p { text-align:left;  color:#fff; margin:0px; font-size:18px;}

.xgts { text-align: center; background:#fff; padding:100px 0px;}
.xgts .div_div1 { font-size: 48px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#2f4164;}
.xgts .div_div2 { border-bottom: 2px solid #2f4164; width: 5%; margin: 0 auto; padding-top: 20px;}

.xgtimg { height:490px; padding: 50px 4px; border: 1px solid #3367b1; width:31%; background:#fff; border-radius:20px; margin: 50px 13px;}
.xgtimg p {color: #3367b1; font-size: 25px; font-weight: bold; padding: 30px 18px;}
@media screen and (max-width: 768px)
{
.apo { }
.apo h2 { text-align:left; color:#fff; font-size:22px; margin:0px; padding-top:23px;}
.apo p { text-align:left;  color:#fff; margin:0px; font-size:16px;}

.xgts { text-align: center; background:#fff ; padding: 80px 0px;}
.xgts .div_div1 { font-size: 40px;  font-weight: bold;  margin:0px; text-transform: uppercase; color:#2f4164;}
.xgts .div_div2 { border-bottom: 2px solid #2f4164; width: 5%; margin: 0 auto; padding-top: 20px; margin-bottom: 20px;}

.xgtimg { border: 1px solid #3367b1; width:94%; background:#fff; border-radius:20px; margin: 10px 10px;}
.xgtimg p {color: #3367b1; font-size: 25px; font-weight: bold; padding: 10px 18px;}
}

.conts { text-align: center; color: #fff; padding-top: 50px;}
.conts h2 { text-align: left; font-size: 36px; line-height: 40px;}
.conts p {font-size: 36px; color: #6e9ddf; font-weight: bold; padding-bottom: 25px;}
.contsa { text-align: center; font-size: 50px; font-weight:bold; padding: 80px 0px;}
@media screen and (max-width: 768px)
{
.conts { text-align: center; color: #fff; padding-top: 50px;}
.conts h2 { text-align: left; font-size:20px; line-height: 30px;}
.conts p {font-size: 26px; color: #6e9ddf; font-weight: bold; padding-bottom: 20px;}
.contsa { text-align: center; font-size: 32px; font-weight:bold; padding: 100px 0px; line-height: 36px;}
}

.case { padding: 100px 0px; border-bottom: 1px solid #eee;}
.case h2 { font-size: 36px; font-weight: bold; padding-right: 50px;}
.case p { font-size: 18px; padding-right: 50px;}

.casea { padding: 100px 0px; border-bottom: 1px solid #eee;}
.casea h2 { font-size: 36px; font-weight: bold; padding-left: 50px;}
.casea p { font-size: 18px; padding-left: 50px;}

@media screen and (max-width: 768px)
{
.case { padding: 50px 0px; border-bottom: 1px solid #eee;}
.case h2 { font-size: 36px; font-weight: bold; padding-right: 0px;}
.case p { font-size: 18px; padding-right: 0px;}

.casea { padding: 50px 0px; border-bottom: 1px solid #eee;}
.casea h2 { font-size: 36px; font-weight: bold; padding-left: 0px;}
.casea p { font-size: 18px; padding-left: 0px;}
}


.sub-list {
	padding-left:10px;
	margin-top:60px;
	text-align: center;
	padding-top: 1rem;
	font-size: 0;
}
.sub-list ul { margin:0px; padding:0px;}
.sub-list li {
	display: inline-block;
	font-size: 1rem;
	margin: 5px;
}

.sub-list li a:hover,
.sub-list li.active a {
	background: #0c2048;
	color: #fff;
	text-decoration: none;
}

.sub-list li a {
	display: inline-block;
	padding: .3rem 2rem;
	border: 1px solid #0c2048;
	margin: 0 0.5rem;
	border-radius: 5rem;
	padding: 15px 40px;
	font-size: 18px;
	color:#666;
}
@media screen and (max-width:680px) {
.sub-list {
	padding-left:10px;
	margin-top:30px;
	text-align: center;
	padding-top: 1rem;
	font-size: 0;
}
.sub-list ul { margin:0px; padding:0px;}
.sub-list li {
	display: inline-block;
	font-size: 1rem;
	margin: 5px;
}

.sub-list li a:hover,
.sub-list li.active a {
	background: #0c2048;
	color: #fff;
	text-decoration: none;
}

.sub-list li a {
	display: inline-block;
	padding: .3rem 2rem;
	border: 1px solid #0c2048;
	margin: 0 0.5rem;
	border-radius: 5rem;
	padding: 15px 40px;
	font-size: 18px;
	color:#666;
}
}

.dot { text-align:center; padding:100px 0px;}
.dot h2 { font-size:40px; padding:28px 0px 8px 0px; font-weight:bold;}
.dot p { font-size:23px;}
.dot h6 { border:1px solid #0c2048; background:#0c2048; width:30%; margin:0 auto; padding:20px 10px; margin-top:38px;}
.dot h6 a { color:#fff; font-size:23px;}
@media screen and (max-width: 768px)
{
.dot { text-align:center; padding:100px 0px;}
.dot h2 { font-size:28px; padding:28px 0px 0px 0px;}
.dot p { font-size:18px;}
.dot h6 { border:1px solid #0c2048; background:#0c2048; width:66%; margin:0 auto; padding:15px 10px; margin-top:38px;}
.dot h6 a { color:#fff; font-size:23px;}
}

.news { padding: 30px 0px 60px 0px; margin: 0px 15px;}
.naw { padding: 20px 25px; text-align: left; border: 1px solid #eee; width: 48%; margin: 12px 11px; border-radius: 15px;}
.naw h5 { font-size: 27px; margin:0px; padding:0px; color: #2f2f2f;}
.naw p { font-size: 20px; margin:0px; padding:0px; line-height:38px;}
.naw img { width:480px; height:480px;}
@media screen and (max-width: 768px)
{
.news { padding: 10px 0px; margin: 0px 2px;}
.naw { padding: 20px 25px; text-align: left; border: 1px solid #eee; width: 100%; margin: 12px 0px; border-radius: 15px;}
.naw h5 { font-size: 32px; margin:0px; padding:0px; color: #2f2f2f;}
.naw p { font-size: 20px; margin:0px; padding:0px; line-height:38px;}
.naw img { width:auto; height:auto;}
}

.pros { padding: 100px 0px;}
.prosa { padding-left: 50px;}
.prosa h6 { font-size: 48px; font-weight: bold;}
.prosa p { font-size: 23px; color: #666;}

.details { padding: 0px 0px 15px 0px; text-align: center;}
.details h2 { font-size: 48px; padding-bottom: 23px; font-weight: bold;}

.mos {text-align: center; background: #8997b1; padding: 60px 0px;}
.mos h2 { font-size: 38px; padding-bottom: 23px; font-weight: bold; color: #fff;}
.mos .div1 {border: 1px solid #3367b1; background:#3367b1; border-radius:30px; width: 18%; margin: 0 auto; text-align: center; padding: 12px 20px; color: #fff; font-size: 26px; opacity: 0.8;}
@media screen and (max-width: 768px)
{
.pros { padding: 20px 0px;}
.prosa { padding-left: 0px; padding-top: 15px;}
.prosa h6 { font-size: 40px; font-weight: bold;}
.prosa p { font-size: 18px; color: #666;}

.details { padding: 0px 0px 3px 0px; text-align: center;}
.details h2 { font-size: 20px; padding-bottom: 10px; font-weight: bold;}
		
.mos {text-align: center; background: #8997b1; padding: 60px 0px;}
.mos h2 { font-size: 26px; padding-bottom: 12px; font-weight: bold; color: #fff; padding-left: 15px; padding-right: 15px;}
.mos .div1 {border: 1px solid #3367b1; background:#3367b1; border-radius:20px; width: 50%; margin: 0 auto; text-align: center; padding: 10px 20px; color: #fff; font-size: 16px; opacity: 0.8;}
}

.text { font-size:45px; font-weight: bold; color:#751800; padding-top:14px; text-align: center; margin-top: 0px;}
.text .l { border-bottom:8px; height:10px; width:56px; background:#751800; margin:0 auto; margin-top:20px; text-align:center;}
.popo { text-align: center; font-size: 14px; line-height: 34px;} 
.pobo { padding: 40px 0px; font-size: 16px; ine-height: 28px;} 
#page {
	font-size: 0.8em; margin-top:10px;
}
#page .blank10 {
	height: 10px;
}
#page strong {
	padding: 5px 8px;
	background: #751800;
	border-radius: 5px;
	color: white;
	margin-right: 15px;
	font-size: 0.8em;
	font-weight:normal;
}
.pagination {
	margin: 10px 0px;
}
#page a { color:#fff; font-size: 14px;}
.ness { font-size:30px; font-weight:bold; margin-top:25px;}
.neoo { padding-top:15px; font-size: 14px; margin-bottom: 20px;}
@media screen and (max-width: 768px)
{
.text { font-size:32px; font-weight: bold; color:#751800; padding-top:14px; text-align: center; margin-top: 0px;}
.text .l { border-bottom:8px; height:10px; width:56px; background:#751800; margin:0 auto; margin-top:20px; text-align:center;}
.popo { text-align: center; font-size: 14px; line-height: 34px; padding-top: 12px;} 
.pobo { padding: 30px 0px; font-size: 16px; ine-height: 28px;} 
#page {
	font-size: 0.8em; margin-top:10px;
}
#page .blank10 {
	height: 10px;
}
#page strong {
	padding: 5px 8px;
	background: #751800;
	border-radius: 5px;
	color: white;
	margin-right: 15px;
	font-size: 0.8em;
	font-weight:normal;
}
.pagination {
	margin: 10px 0px;
}
#page a { color:#fff; font-size: 14px;}
.ness { font-size:30px; font-weight:bold; margin-top:25px;}
.neoo { padding-top:15px; font-size: 14px; margin-bottom: 20px;}
}