﻿@charset "utf-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, img, p, body { margin: 0px; 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;
}
body{margin: 0 auto;}

.default .progress{margin: 0;}

#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:100%;}
.nav1 .zxs{ background-color:white;text-decoration:none; color:Black; display:block; position:absolute; bottom:2.2rem; left:0; width:50%; padding:0.5rem 2rem 0.5rem 2rem; margin-left:28%; font-size:1.8rem; font-family:微软雅黑; border-radius:5px; text-align: center}
.nav1 .zxs img{ width:100%}



.nav4{ position:relative;overflow:hidden;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; font-size: 1rem;  height:auto; padding:0; position:relative; background-color:#ffffff;}
.nav4 img{ float:left; width:100%;}
.nav4 .img1{ width:100%;}

.nav4 .nav41{ width:100%; margin:0 auto; padding-top:2rem}
.nav4 .nav42{ width:100%; margin:0 auto; }
.nav4 .nav42 a{ position:absolute; left:0; top:0; color:#2653a4; font-size:25px; font-weight:bold;text-decoration:none}
.nav4 .nav42 .font-1{ font-size:1.8rem; top:0.6rem; left:1rem; width:120%; margin-left:-20rem}
.nav4 .nav42 .font-2{ font-size:1.5rem; top:1rem; left:1rem; width:170%; margin-left:-12rem}
.nav4 .nav42 .font-3{ font-size:1rem; top:3rem; left:1rem; width:140%; margin-left:-12rem}
.nav4 .nav42 .font-4{ font-size:1rem; top:1.2rem; left:1rem; width:140%; margin-left:-20rem}
.nav4 .nav42 .font-5{ font-size:1.8rem; top:4rem; left:1rem; width:300%; margin-left:-30rem}
.nav4 .nav42 .font-6{ font-size:1.5rem; top:7rem; left:1rem; width:320%; margin-left:-20rem}
.nav4 .nav42 .font-7{ font-size:0.6rem; top:0; left:1rem; width:380%; margin-left:-22rem}
.nav4 .nav42 .font-8{ font-size:1.8rem; top:6.5rem; left:1rem; width:200%; margin-left:-30rem;}
.nav4 .nav42 .font-9{ font-size:1rem; top:3rem; left:1rem; width:280%; margin-left:-12rem}
.nav4 .nav42 .font-9a{ font-size:1rem; top:0; left:1rem; width:280%; margin-left:-12rem}
.nav4 .nav42 .font-9b{ font-size:1rem; top:7rem; left:1rem; width:280%; margin-left:-12rem}
.nav4 .nav42 .font-10{ font-size:1.8rem; top:4.3rem; left:1rem; width:360%; margin-left:-30rem}
.nav4 .nav42 .font-11{ font-size:1.5rem; top:7rem; left:1rem; width:320%; margin-left:-20rem}


.nav4 .nav43{ width:100%; margin:0 auto; }
.nav4 .nav44{ border:1px solid #8ba3ce; width:94%; margin:1rem 0 0 1.5%; position:relative; height:11rem; margin-bottom:2rem; clear:both; border-radius:5px;padding:1rem 0 1rem 2.1rem; background:url('../img/hx.jpg'); background-repeat:no-repeat; background-color:White; background-position:center 42%; background-size:95% auto; }
.nav4 .nav44 a img{ width:27%; margin-right:5%;}

.nav44  .nav44h { width:2%; position:absolute; left:1rem; top:-2rem;}
.nav44  .nav44h img{ width:100%;}

.nav44  .nav44g { width:2%; position:absolute; right:1rem; top:-2rem;}
.nav44  .nav44g img{ width:100%;}

.nav4 .nav44 a .img1{  margin-right:0;}
.nav4 .nav44 a img {display: block;overflow:hidden;float: left;-webkit-transition: -webkit-transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;-o-transition: -o-transform 1s ease-out;-ms-transition: -ms-transform 1s ease-out;}
.nav4 .nav44 a.on img{ -webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);-ms-transform: rotateY(360deg);transform: rotateY(360deg);}
.nav4 .nav45{ width:85%;padding-top:0.4rem; margin-left:2%; font-size:0.8rem}

.nav4 .zxs{ background-color:#154ccb;text-decoration:none; color:white; display:block; position:absolute; bottom:2rem; left:0; width:50%; padding:0.5rem 2rem 0.5rem 2rem; margin-left:28%; font-size:1.8rem; font-family:微软雅黑; border-radius:5px; text-align: center}
.nav4 .zxs img{ width:100%}


/*WOW 速度设置*/
.nav42 .animated {
-webkit-animation-duration: 12s;
animation-duration: 12s;
animation-fill-mode: backwards;
webkit-animation-play-state: backwards;
}
.nav42 .animated.hinge {
-webkit-animation-duration: 5s;
animation-duration: 5s;
}


.nav6{ position:relative;float:none;/*width:640px;*/ margin:0 auto; min-width:320px!important; max-width:640px!important; height:auto;  position:relative; padding:0; }
.nav6 img{ float:left; width:100%;}
.nav6 .zxs{ background-color:#154ccb;text-decoration:none; color:white; display:block; position:absolute; bottom:2rem; left:0; width:50%; padding:0.5rem 2rem 0.5rem 2rem; margin-left:28%; font-size:1.8rem; font-family:微软雅黑; border-radius:5px; text-align: center}
.nav6 .zxs img{ width:100%}

.nav6 .nav61{ width:100%; margin:0 auto; padding:2rem 0 0 0}
.nav6 .nav62{ width:95%; margin:0 auto; height:auto; margin-bottom:1rem; margin-top:1.5rem;}

.nav6 .nav63{ width:100%; margin:0 auto; position: relative;}
.nav6 .nav63 .nav631{ position: absolute;left:0;top:-2.7%;}

.nav631 video{ border-radius: 0;}

.default {
    border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
    position: relative;
    font-size: 0;
    overflow: hidden;
    border-radius: 0;
    cursor: pointer;
    width:88.5%;
    margin-left: 6%;
}


.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: #2653a4;
    border: 1px solid #2653a4;
    color: #2653a4;
}



/*按钮样式*/
.zx:hover{transform: scale(1.2,1.2);/*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;}

.default:before{ right:auto}

.nav0{ background-color:#2653a4; padding:8rem 0 5rem 0; display:block; position:relative;min-width:320px!important; max-width:640px!important; margin:0 auto;  }
.nav0 img{ width:90%; margin-left:5%;}
.nav0  .zx:hover{ text-decoration:none; color:White;}

