@charset "utf-8";
/* CSS Document */
.wrap { padding-top: 130px;}
.topW { z-index: 10; position: fixed; left: 0; top: 0; right: 0;}
.headerW {z-index: 10; position: fixed; left: 0; top: 41px; right: 0; 
background-color: #fff;}
/*banner*/
.banner {
      min-width: 1140px;
      height: 299px;
      padding: 0 1em;
      background: #7997ae center center no-repeat;
      background-size: auto 100%;
}

.banner .con {
      width: 1140px;
      margin: 0 auto;
      height: 100%;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      justify-content: center;
}

.banner .con .txt {
      color: #fff;
      font-size: 2.1em;
      line-height: 1.2em;
      font-weight: bold;
}
.banner .con .txt h1 {
    color: #fff;
    font-size:31px;
    line-height: 1.2em;
    font-weight: bold;
}

.banner .con .txt h1 { font-size: 2.1rem; line-height: 1.1em; font-weight: bold;}
.banner .con .txt p { font-size: 1.1rem; font-weight: normal; color: #fff;
 line-height: 1.6em;
 max-width: 640px; margin: 0.5em auto 0; }
.banner .con .txt p b { font-size: 1.2em;}
/*位置导航*/
.position {
      padding: 0 1em;
}

.position .con {
      max-width: 1140px;
      padding: 1.8em 0 1.7em;
      line-height: 1.6em;
      margin: 0 auto 0;
      text-align: left;
      color: #a2a2a2;
}

.position a {
      color: #a2a2a2;
}

.position .con .arrow {
      margin: 0 0.3em;
}

/*分页*/
.page {
      padding: 4em 0 0;
      clear: both;
}

.page a {
      vertical-align: middle;
      padding: 0.1em 1.2em 0;
      margin: 0 0.2em;
      line-height: 2.8em;
      background-color: #fff;
      border: 1px solid #dadada;
      color: #3e3e3e;
      display: inline-block;
}

.page span {
      vertical-align: middle;
      margin: 0 0.5em;
}

.page a:hover {
      border: 1px solid #6fba2c;
      color: #6fba2c;
}

.page a.cur {
      color: #fff;
      background-color: #6fba2c;
      border: 1px solid #6fba2c;
}


.contBox {
      margin: 2em 4.8% 0;
}

.contBox:after {
      display: block;
      content: "";
      clear: both;
}

.contBox .txtBox {
      float: left;
      margin-top: 17px;
      width: 39%;
      text-align: left;
} 
.contBox .txtBox .t1 {
      font-size: 16px;
      color: #6fba2c;
      font-weight: bold;
}

.contBox .txtBox .t2 {
      margin-top: 0.3em;
      color: #14212b;
      font-size: 2.1em;
      line-height: 1.2em;
      font-weight: bold;
}

.contBox .txtBox .t3 {
      margin-top: 0.9em;
      color: #636363;
      line-height: 1.6em;
}

.contBox .form {
      float: right;
      width: 54%;
      text-align: left;
}
.contBox .con {
      margin-right: -19px;
}

.contBox .con:after {
      clear: both;
      content: "";
      display: block;
}

.contBox .w1 {
      float: left;
      width: 100%;
      margin-top: 17px;
}

.contBox .w2 {
      float: left;
      width: 50%;
      margin-top: 17px;
}

.contBox .inputw,
.contBox .inputw2 {
      border: 1px solid #d1d1d1;
      margin-right: 19px;
      padding: 0 12px;
}

.contBox .inputw2 {
      position: relative;
      z-index: 0;
      /* padding-right: 4em; */
}

.contBox .inputw3 {
	position: relative;
	z-index: 0;
      border: 1px solid #d1d1d1;
      margin-right: 19px;
      padding: 0 0 0 20em;
}

.contBox .input {
      margin: 0;
      padding: 0;
      width: 100%;
      border: 0;
      outline-width: 0;
      color: #272727;
      font-size: 14px;
      line-height: 38px;
      background-color: transparent
}

.contBox .year {
      position: absolute;
      right: 1em;
      top: 0;
      color: #838383;
      font-size: 14px;
      line-height: 38px;
}
.contBox .buyt {
      position: absolute;
      left: 1em;
      top:5px;
      color: #838383;
      font-size: 14px;
      line-height: 38px;
}

.contBox .textarea {
      margin: 1em 0 0.7em;
      padding: 0;
      width: 100%;
      border: 0;
      outline-width: 0;
      color: #272727;
      font-size: 14px;
      height: 4.8em;
      line-height: 1.2em;
      background-color: transparent
}

.contBox .txt {
      clear: both;
      text-align: left;
      padding-top: 0.9em;
      line-height: 1.6em;
      font-size: 13px;
      color: #a2a2a2;
}

.contBox .txt .checkBox {
      float: left;
}

.contBox .txt span {
      display: block;
}

.contBox .btnW {
      clear: both;
      margin-right: 19px;
}

.contBox .btn {
      border: 0;
      outline-width: 0;
      margin: 1.4em 0 0;
      padding: 0 2.7em;
      display: inline-block;
      background-color: #71bb30;
      color: #fff;
      font-size: 16px;
      line-height: 2.7em;
      cursor: pointer;
}
.contInspW { position: relative; z-index: 0; 
background-color: #f6f6f6; padding: 6em 0 4em;}
#contInsp { position: absolute; top: -120px;}
.contInsp { margin: 0 auto;  max-width: 1140px; 
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap; align-items: center;
flex-direction: row-reverse;}
.contInsp .txtBox { margin:0 3% 0 7%; width: 29%; }
.contInsp .txtBox .t3 { margin-bottom: 2em;}
.contInsp .txtBox .t4 { margin-bottom: 4em;}

.selBox { 	position:  relative; display: inline-block;
 	z-index: 10; width:100%; height: 3.2em;
 }
 .selBox.show { z-index: 11;}
 .selBox .selBtn { position: relative; z-index: 0;
 	cursor: pointer;
 	color: #191919;
 	padding: 0 2em 0 0.9em;
 	line-height: 3.2em; color: #272727;
 }
 
 .selBox .selBtn .txt {
 	display: inline-block; color: #272727;
 	vertical-align: middle; padding-top: 0; font-size: 14px;
 }
 
 .selBox .selBtn .arr { position: absolute; right: 0.9em; top: 50%; margin-top: -3px;
 	display: inline-block;
 	vertical-align: middle;
 	width: 11px;
 	height: 6px;
 	background: url(../imgs/arr9.png) center center no-repeat;
 	background-size: contain;
 }
 
 .selBox .dropDown {
 	display: none;
 	position: absolute;
 	right: 0;
 	left: 0;
 	top: 3.2em;
 	width: auto; font-size: 14px;
 	border: 1px solid #ddd;
 	background-color: #fff;
 	line-height: 2.7em;
 	-moz-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
 	-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
 	box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
	max-height: 19.4em; overflow-y: auto;
 }
 
 .selBox .dropDown li {
 	cursor: pointer;
 	padding: 1px 1em 0;
 	color: #000; border-bottom: 1px solid #eaeaea;
 }
 .selBox .dropDown li:last-child {border-bottom: 0;	}
 
 .selBox .dropDown li a {
 	color: #000;
 }
 
 .selBox .dropDown li:hover {
 	background-color: #eaeaea;
 }

.bookBoxW{ position: relative; z-index: 9; height: 3.6em;  }
.bookBox {background-color: #f0f0f0;-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.bookFixed { position: fixed; z-index: 10; top: 130px; left: auto; width: 100%;}
.bookBox .con {max-width: 1140px; margin: 0 auto 0;
}
.bookBox .con::after { display: block; clear: both; content: "";}
.bookBox .book {line-height: 1.2em; padding: 1.3em 0 0.8em;}
.bookBox .t1{ padding-left: 1em; float: left; }
.bookBox .t2{ padding-right: 1em; float: right;margin-left: 1em;}
.bookBox .t2 .price { color: #000; font-size: 1.2em; font-weight: bold;}
.bookBox .bookBtn{ float: right; background-color: #6fba2c; 
line-height: 3.6em; padding: 0 2em; font-weight: bold;
color: #fff; display: block; cursor: pointer;}

.cost { position: relative; z-index: 0;}
.cost .costBtn{ cursor: pointer;}
.cost .costPop{ position: absolute; top: 2em; right: -2em; text-align: center;
 background-color: #000; color: #fff; width: 10em; padding: 0.7em 0.5em;
 -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
   box-shadow: 0 4px 4px rgba(0, 0, 0, .2);  
-moz-border-radius:0.8em; -webkit-border-radius:0.8em; border-radius:0.8em;
display: none;}
.cost .costPop::before { display: block; content: ""; position: absolute; 
top: -7px; right: 1.6em;
 width: 16px; height: 16px; background-color: #000;
 transform: rotate(45deg);
 -ms-transform: rotate(45deg); /* IE 9 */
 -webkit-transform: rotate(45deg); /* Safari and Chrome */
 }

.inspBoxW{ padding: 0 1.8em 3em;}
.inspBox {max-width: 1140px; margin: 3em auto 0;}
.inspBox h2{ font-size: 1.8em; line-height: 1.4em;}
.inspBox .con { text-align: left; margin-top: 2em; overflow: hidden;}
.inspBox .con img { max-width: 100%; height: auto;} 
.inspBox .con h3 { margin: 0.8em 0 0.3em;}
.audioBox { margin-top: 2em;}
.audioBox .audioCon { display: inline-block;background-color: #f1f3f4; padding-top: 5px;}
.audioBox audio {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.inspBoxAW { background-color: #f6f6f6; padding: 2em 1em;}
.inspBoxA { max-width: 1140px; margin: 0 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
align-items: center; justify-content: space-between;}
.inspBoxA .txtb { width: 55%; text-align: left;}
.inspBoxA .txtb h2 {margin: 0 9%; line-height: 1.4em;}
.inspBoxA .txtb p {margin: 1em 9% 0; line-height: 1.8em; color: #666;}
.inspBoxA .txtb ul {margin: 1em 9% 0;line-height: 1.8em;color: #666;}
.inspBoxA .picb {width: 45%;}
.inspBoxA .picb img { display: block; max-width: 100%; height: auto;}

.inspBoxBW {  padding: 2em 1em;}
.inspBoxB {background-color: #0059a8; padding: 2em 0; color: #fff; max-width: 1140px; margin: 0 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
align-items: center; justify-content: space-between;}
.inspBoxB .txtb { width: 55%;  text-align: left;}
.inspBoxB .txtb h2 { margin: 0 9%; line-height: 1.4em;}
.inspBoxB .txtb p { margin: 1em 9% 0;line-height: 1.8em; color: #fff;}
.inspBoxB .txtb ul {margin: 1em 9% 0;line-height: 1.8em;color: #fff;}
.inspBoxB .picb {width: 45%;margin-left: 2em; }
.inspBoxB .picb img { display: block; max-width: 100%; height: auto;}

.inspBoxEW {  padding: 4em 1em;
 background:url(../imgs/banner.jpg) center center no-repeat;
  background-size:cover; position: relative; z-index: 0;}
/* .inspBoxEW .emask { position: absolute; z-index: 0; bottom: 0; right: 0; left: 0; top: 0;
background:#000;
filter:Alpha(opacity=40);
background: rgba(0, 0, 0, 0.4)} */
.inspBoxE { position: relative;z-index: 1; padding: 2.5em 0; color: #fff; max-width: 1140px; margin: 0 auto;
}
.inspBoxE .tit{font-size: 1.6em; line-height: 1.5em; font-weight: bold;}
.inspBoxE ul::after { clear: both; content: ""; display: block; }
.inspBoxE ul li { float: left; width: 19%; margin:2.5em 3% 0em;}
.inspBoxE .pic {
      display: block; margin: 0 auto 1.2em;
      width: 5em;
      padding-top:5em;
      height: 0;
      background: #6fba2c center center no-repeat;
      background-size: 48px 48px;
	  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%
}
.inspBoxE .t1 { font-weight: bold; font-size: 1.6em;}
.inspBoxE .t2 { margin-top: 0.6em;color: #fff;}

.inspBoxFW {  padding: 3em 1em 0;
 background:#0059a8; position: relative; z-index: 1;}
.inspBoxF .tit { font-size: 1.6em; line-height: 1.5em; font-weight: bold;}
.inspBoxF { position: relative;z-index: 1; padding: 2.5em 0 0; color: #fff; 
max-width: 1140px; margin: 0 auto;
}
.inspBoxF ul { margin-top: 6em;
 display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap;}
.inspBoxF ul li {  width:22%; margin:0 1.5% -2em;
 background-color: #fff;
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
  box-shadow: 0 5px 30px rgba(0, 0, 0, .1);}
.inspBoxF .lib {  position: relative; z-index: 0; padding: 3.8em 0.5em 2em;}
.inspBoxF .lib .pic {
      position: absolute;
      top: -2.5em;
      left: 50%; margin-left: -2.5em;
      display: block;
      width: 5em;
      padding-top:5em;
      height: 0;
      background: #6fba2c center center no-repeat;
      background-size: 48px 48px;
}
.inspBoxF .t1 { font-weight: bold; font-size: 1.2em; color: #000;}
.inspBoxF .t1 a { color: #000;}
.inspBoxF .t2 { margin-top: 0.6em;color: #000;}
.inspBoxF .t2 a { color: #000;}
@media only screen and (max-width:1160px) {
      .banner {
            min-width: auto;
      }
	  .banner .con  {width: auto;}
}

@media only screen and (max-width:828px) {
	.bookFixed { top: 127px;}
      .banner {
            padding-top: 64%;
            height: 0;
            overflow: hidden;
            position: relative;
            z-index: 0;
      }

      .banner .con {
            position: absolute;
            left: 5%;
            top: 0;
            width: 90%;
            height: 100%;
            overflow: hidden; 
      }
      
      .contBox {
            margin: 4em 1em 0;
      }
	  .contBox .con { margin-right: auto;} 
	  .contBox .inputw, .contBox .inputw2 { margin-right: auto;}
	  .contBox .inputw3 { padding-left: 0; margin-right: auto; padding-top:2em;}
	  .contBox .btnW { margin-right: auto;}
	  .selBox .dropDown { right: -1px; left: -1px;}

      .contBox .txtBox {
            float: none;
            width: auto;
      }

      .contBox .form {
            float: none;
            width: auto;
      }

      .contBox .w1,
      .contBox .w2 {
            float: none;
            width: auto;
      }

      .contBox .btn {
            width: 100%;
            display: block;
            padding: 0;
            text-align: center;
      }
	  .bookBox .book { padding-top: 0.8em;}

	  .bookBox .t1 { width: 50%; text-align: left;}
	  .bookBox .t2 { float: left;width: 50%;text-align: left;}
	  .inspBoxA { display: block;}
	  .inspBoxA .txtb { float: none; width: auto; margin-bottom: 1.5em;}
	  .inspBoxA .picb { float: none; width: auto;}
	  .inspBoxB { display: block;}
	  .inspBoxB .txtb { float: none; width: auto;  margin-top: 1.5em;}
	  .inspBoxB .picb { float: none; width: auto;margin-right: 2em;}
	  .inspBoxE ul li { width: 44%;}
	  .bookBox { margin-top: 0;}
	  .contInsp { margin-top: 0; display: block;}
	  .contInsp .txtBox { margin:0 auto 4em; width: auto; text-align: center; }
	  .inspBoxF ul li { width: 47%;}
	  .inspBoxF ul li:nth-child(1),.inspBoxF ul li:nth-child(2) {margin:0 1.5% 4em;}
	  .inspBoxF .lib .pic {background-size: 64% auto;}
}

@media only screen and (max-width:640px) {
      .banner .con .txt {
            font-size: 4.9vw;
      }
}
@media only screen and (max-width:420px) {
.bookFixed { top: 124px;}
}
@media only screen and (max-width:360px) {
.bookFixed { top: 118px;}
}