﻿@charset "utf-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, p, body { margin: 0px auto; padding: 0px; }
img { border:0px; }
.clearFix:after { clear:both; display:block; visibility:hidden; height:0; line-height:0; content:''; }
.clearFix { zoom:1; }
.remove{ clear:both; height:0; visibility:hidden;} 
.t2em{ text-indent:2em; text-align:left;}
.c2 { clear:both; font-size:0; line-height:0; height:3%; }
.blank6 { clear:both; font-size:0; line-height:0; height:6px; }
.blank8{ clear:both; height:8px; overflow:hidden; display:block; }
.blank10 { clear:both; font-size:0; line-height:0; height:10px;}
.blank15 { clear:both; font-size:0; line-height:0; height:15px; }
.blank30 { clear:both; font-size:0; line-height:0; height:30px; }
.blank50 { clear:both; font-size:0; line-height:0; height:50px; }
.clear{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.c{ clear:both}
.bp_t{ margin-top:2rem;}
.bp_t h5 {
    width: 20%;
    border-radius: 100%;
    margin: 0rem 0.65rem;
    float: left;
    background-color: #d7d9de;
}

.zx{ display:block;float:left; color:White;
    width: auto;
    border-radius:50px;
    text-align:center;
    padding:1rem 3rem 1rem 3rem;
    background-color:#2653a4;
    font-size:1.5rem;
    margin:1rem 0  2rem 31%;
    letter-spacing:1px;
}
.bp_t {
    overflow: hidden;
    text-align: center;
    display: table;
    position: absolute;
    margin-top: 2rem;
    margin-left: 37%;
}
.bp_t h5 {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    margin: 0rem 0.65rem;
    float: left;
    background-color: #b2bbcb;
}
.bp_t h5.hover {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #2653a4;
}

#lb_big_qh2{ min-width:320px!important; max-width:640px!important;margin:0 auto;}

.nav1{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;height:auto; }
.nav1 img{ float:left; width:90%; margin-left:5%;}
.nav1 .title{ width:80%; margin:0 auto;}
.nav1  .zx{ display:block;float:left; color:White;
    width: 30%;
    border-radius:5px;
    text-align:center;
    padding:0.5rem 0.3rem 0.5rem 0.3rem;
    background-color:#2653a4;
    font-size:1.5rem;
    margin:4rem 0  2rem 35%;
}

.nav2{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;}
.nav2 img{ float:left; width:100%;}
.nav2 .img1{ width:50%;}
.nav2 .zx1{ position:absolute; right:8%; bottom:5%; width:25%;}

.nav3{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto; margin-top:1.5rem}
.nav3 img{ float:left; width:85%; margin-left:6%}
.nav3 .img0{ margin-bottom:3%;}
.nav3 .img1{ width:22%; margin:2% 0 0 2.2%;}
.nav3 .img2{ width:92%; margin:0 0 2% 3.7%}
.nav3 .wz{ padding:2% 2% 2% 2.5%; font-size:1rem}

.nav4{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;height:auto; background:url('../images/bg.jpg') }
.nav4 img{ float:left; width:90%; margin-left:5%;}
.nav4 .title{ width:80%; margin:0 auto;}
.nav4  .zx{ display:block;float:left; color:White;
    width: 30%;
    border-radius:5px;
    text-align:center;
    padding:0.5rem 0.3rem 0.5rem 0.3rem;
    background-color:#2653a4;
    font-size:1.5rem;
    margin:4rem 0  2rem 35%;
}
.nav4{ padding:8rem 0 2rem 0; display:block;  }
.nav4  .zx:hover{ text-decoration:none; color:White;}
.nav4 .img1{ width:97%; margin-left:1.6%;}

.nav5{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto; margin-top:1.5rem}
.nav5 img{ float:left; width:100%;}
.nav5 .img0{ margin-bottom:3%;}
.nav5 .img1{ width:50%; float:left;}
.nav5 .zx{ position:absolute; bottom:-0.2%; left:0; background-color:White; color:#2653a4;margin:4rem 0  2rem 29%;}

.nav6{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;}
.nav6 img{ float:left; width:100%;}
.nav6 .img1{ width:50%; float:left;}
.nav6 .zx{ position:absolute; bottom:-2%; left:0; background-color:#2653a4; color:#ffffff;margin:4rem 0  2rem 22%;}

.nav7{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;}
.nav7 img{ float:left; width:100%;}
.nav7 .img1{ width:50%; float:left;}
.nav7 .zx{ position:absolute; bottom:-2%; left:0; background-color:#2653a4; color:#ffffff;margin:5rem 0  2rem 22%;}

.nav8{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;}
.nav8 img{ float:left; width:100%;}
.nav8 .img1{ width:50%; float:left;}
.nav8 .zx{ position:absolute; bottom:-2%; left:0; background-color:#ffffff; color:#2653a4;margin:5rem 0  2rem 22%;}

.nav9{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;background:url('../images/bg.jpg'); padding-bottom:8rem; }
.nav9 img{ float:left; width:100%;}
.nav9 .img1{ width:92%; float:left; margin:3% 0 3% 4%;}
.nav9 .img2{ width:88%; float:left; margin:2% 0 3% 4%;}
.nav9 .zx{ position:absolute; bottom:-2%; left:0; background-color:#2653a4; color:#ffffff;margin:5rem 0  3.5rem 22%;}

.nav10{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;}
.nav10 img{ float:left; width:100%;}
.nav10 .img1{ width:50%; float:left;}
.nav10 .zx{ position:absolute; bottom:-1%; left:0; background-color:#ffffff; color:#2653a4;margin:5rem 0  2rem 32%;}

.nav11{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1.2rem;  height:auto;background:url('../images/bg.jpg'); }
.nav11 img{ float:left; width:100%;}
.nav11 .img1{ width:92%; float:left; margin:3% 0 3% 4%;}
.nav11 .img2{ width:88%; float:left; margin:2% 0 3% 4%;}
.nav11 .zx{ position:absolute; bottom:-2%; left:0; background-color:#2653a4; color:#ffffff;margin:5rem 0  3.5rem 32%;}


.nav4 .bp_t {
    overflow: hidden;
    text-align: center;
    display: table;
    position: absolute;
    margin-top: 2rem;
    margin-left: 40.2%;
}
.nav4 .bp_t h5 {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    margin: 0rem 0.65rem;
    float: left;
    background-color: #78a7c9;
}
.nav4 .bp_t h5.hover {
    background: #005ea2;
    border: 1px solid #005ea2;
    color: #005ea2;
}


/*按钮样式*/
.zx:hover{transform: scale(1.2,1.2); color:White;/*box-shadow: 0 0 1px #0000ff;cursor: pointer;*/}
.zxa:hover{transform: scale(1.2,1.2);/*box-shadow: 0 0 1px #0000ff;cursor: pointer;*/}
.btm2:hover{transform: scale(1.2,1.2);/*box-shadow: 0 0 1px #0000ff;cursor: pointer;*/}


/*bootstrap箭头样式*/

.carousel-control.left {
    background-image: none;
    opacity: 1;
    background-repeat: no-repeat;
    color: #8e8f90;
	padding:18% 0 0 1%;
	width:0px;
	 font-weight:normal;
	 background-color:inherit;
	 text-shadow:0px;
}

.carousel-control.right {
    background-image: none;
    opacity: 1;
    background-repeat: no-repeat;
    background-color:inherit;
    color: #8e8f90;
    right:0px;
	padding:18.5% 0 0 7%;
	text-shadow:0px;
}

.carousel-control img{ width:1.5rem;}


.nav1{ background-color:#2653a4; padding:8rem 0 5rem 0; display:block; position:relative;min-width:320px!important; max-width:640px!important; margin:0 auto;  }
.nav1  .zx:hover{ text-decoration:none; color:White;}