﻿/*!	* base.css * CSS Document 
/* ==========================================================================
========================================================================== */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:"微软雅黑","宋体";  vertical-align: baseline; } 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ font-size:12px; line-height:22px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width:320px; overflow-x:hidden; }
:focus { outline:0; }
html{ width:100%; /*min-width:1200px;*/ }
body{ position:relative; margin:0 auto; max-width: 100%; /*min-width:1200px;*/ } 
table { border-collapse: separate; border-spacing: 0; } 
hr{ border:none; height:1px; }
caption, th, td { text-align: left; font-weight: normal; }
/** a属性 **/
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#fff; -moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in; 
} 
/**  -webkit-transition: all .3s ease-out;transition: all .3s ease-out;  **/ 

/*a:hover{ color:#00a25f; }*/
img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; width:auto; max-width: 100%; }
ul,ol{ list-style:none; }
ul,li{ padding:0; margin:0; list-style:none; }

/* Form */
label,input,select{ vertical-align:middle; }
button,input,select,textarea{ font-family:"Microsoft Yahei"; }
select {
      border: solid 1px #000;
      appearance:none;
      -moz-appearance:none;
      -webkit-appearance:none;
      background: url("img/arrow.png") no-repeat scroll rightright center transparent;
      padding-right: 14px;
      cursor:pointer;
    }
    select::-ms-expand { display: none;
 }
input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }
textarea,select{ -webkit-appearance:none; }
input::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#fff;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; }
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff;}
textarea::-webkit-input-placeholder{color:#fff;}
/* Clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }


/** 滚动条 **/
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:8px;background-color:#000;}
::-webkit-scrollbar-thumb {width:8px;background-color:#000;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#000;}

/* webkit, opera, IE9 鼠标滑过 */
::selection { background:#000; color: #fff; }
/* mozilla firefox  鼠标滑过  */
::-moz-selection { background:#000; color: #fff; }

/* 过渡 */
.transition{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }

/* 文字移除隐藏 */
.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }

/* 遮盖层 */
.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; }

/* 背景图片 */
.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* table布局 */
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}
.inline-block{ display:inline-block; }

/* 字体 */
@font-face { 
  font-family:Vijaya;
  src: url('img/vijaya.ttf');
}

/* 文档宽度小于 480 像素 */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
  -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 6px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 6px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }
}

/*---------- BANNER ----------------------------------------------------------------------------------------------------------------------------------*/
.bs-slider{overflow: hidden;max-height:690px;position: relative;background: #fff;z-index: 0;}
@media (max-width: 770px) { .bs-slider { margin-top: 70px; } }
.bs-slider:hover {cursor: -moz-grab;cursor: -webkit-grab;}
.bs-slider:active {cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0);}
.bs-slider .bs-slider-overlay a{display: block;width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0);}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {margin: auto;width: 100% !important;}

/********************
*****Slide effect
**********************/

/*---------- 左右箭头  ----------*/
.control-round .carousel-control {top: 47%;opacity: 0;width: 45px;height: 45px;z-index: 100;color: #ffffff;display: block;font-size: 24px;cursor: pointer;overflow: hidden;line-height: 43px; text-shadow: none;position: absolute;font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;text-align: center;}
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left {left: 1%;}
.control-round .carousel-control.right {right: 1%;}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{color: #fff; background: rgba(0, 0, 0, 0.5);border: 0px transparent;}
.control-round .carousel-control.left>span:nth-child(1){left: 45%;}
.control-round .carousel-control.right>span:nth-child(1){right: 45%;}


/*---------- 底部按钮 ----------*/
.indicators-line > .carousel-indicators{ position: absolute; z-index:10; right: 0%; bottom: 4%; left: auto;width: 100%; height: 25px;font-size: 0; overflow-x: auto; text-align:center; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
.indicators-line > .carousel-indicators li{width: 15px; height: 15px; border-radius: 50%; display: inline-block; padding: 0; text-indent: 0; overflow: hidden; text-align: left; border: 2px solid #fff;
position: relative; letter-spacing: 1px; background: rgb(255, 255, 255,0); -webkit-font-smoothing: antialiased;  margin:2px 10px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);z-index: 10;cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{ margin:2px 10px;}
.indicators-line > .carousel-indicators .active{ width: 15px; height: 15px; border-radius: 15px; background-color: #1212bd; position: relative; margin:2px 10px; border-color: #1212bd; }
/*.indicators-line > .carousel-indicators .active:before{ transform: scale(0.5); background-color: #1212bd; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px;  border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}*/


/********************
*****Slide animation
**********************/

/*========== 缩放 ==========*/
@-webkit-keyframes scale{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
.fade {opacity: 1;}
.fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 2s; -moz-transition: opacity ease-in-out 2s; -ms-transition: opacity ease-in-out 2s; -o-transition: opacity ease-in-out 2s; transition: opacity ease-in-out 2s;}
.fade .item:first-child {top: auto;position: relative;}
.fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 2s; -moz-transition: opacity ease-in-out 2s; -ms-transition: opacity ease-in-out 2s; -o-transition: opacity ease-in-out 2s;transition: opacity ease-in-out 2s;}
.slide-image{-webkit-animation:scale 10s linear infinite;animation:scale 10s linear infinite;}
/*========== banner动画1 ==========*/



/*---------- 动画内容 ----------*/
.slide_style_left { text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}

.slide-text { top: 35%; width: 1400px; margin: 0px auto; left: 0;  right: 0; z-index: 8;  padding: 0px 20px; position: absolute; text-align: left;
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}

.slide-text > h1 {font-family: 'Oswald', sans-serif;   padding: 0;color: #ffffff; font-size: 36px;line-height: 36px;font-weight: 400;margin-bottom: 20px;letter-spacing: 1px;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text .slide_p1{font-family: 'Oswald', sans-serif;  padding: 0;color: #ffffff; font-size: 60px;line-height: 60px;font-weight:bold;margin-bottom: 40px;letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text .slide_p2{ padding: 0;color: #ffffff; font-size: 20px;line-height: 30px;font-weight: 300;margin-bottom: 40px;letter-spacing: 1px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slide-text > a.btn-more{ display:inline-block; color: #ffffff;background: #1c3370; font-weight: 400;font-size: 16px; line-height: 15px; z-index: 99; margin-right: 10px; text-align: center; padding: 13px 30px 13px 30px;white-space: nowrap;letter-spacing: 1px;border-radius:30px; border: none;text-transform: uppercase;-webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in; }
.slide-text > a:hover,
.slide-text > a:active { color: #ffffff; background: #4c6cc1; padding: 13px 50px 13px 50px;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in; 
}



/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/
@media (max-width: 1440px) {

.slide-text { top: 35%; width: 1200px; }
.slide-text > h1 {font-size: 40px;line-height: 40px;margin-bottom: 30px;}
.slide-text .slide_p1{font-size: 30px;line-height: 30px;margin-bottom: 20px;}
.slide-text .slide_p2{font-size: 20px;line-height: 30px;margin-bottom: 20px;}
.slide-text > a.btn-more{font-size: 13px; line-height: 15px; z-index: 99; margin-right: 10px; text-align: center; padding: 13px 30px 13px 30px;}
	.slide-text > a.btn-moreqp{width: 100%; height: 100%; background: #000; display: block;}
}

@media (max-width: 1200px) {

.slide-text { top: 25%; width: 100%; padding: 0px 60px; }
.slide-text > h1 {font-size: 30px;line-height: 40px;margin-bottom: 10px;}
.slide-text .slide_p1{font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.slide-text .slide_p2{font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.slide-text > a.btn-more{font-size: 12px; line-height: 15px; z-index: 99; margin-right: 10px; text-align: center; padding: 10px 20px 10px 20px;}
	
}

/*---------- MEDIA 480px ----------*/
@media  (max-width: 992px) {

.slide-text { top: 25%; width: 100%; padding: 0px 60px; }
.slide-text > h1 {font-size: 22px;line-height: 30px;margin-bottom: 10px;}
.slide-text .slide_p1{font-size: 16px;line-height: 20px;margin-bottom: 10px;}
.slide-text .slide_p2{font-size: 14px;line-height:inherit;margin-bottom: 10px;}
.slide-text > a.btn-more{font-size: 12px; line-height: 15px; z-index: 99; margin-right: 10px; text-align: center; padding: 10px 20px 10px 20px;}
	
.control-round .carousel-control{display: none;}
/*控制图片加大*/
.bs-slider > .carousel-inner > .item ,.bs-slider > .carousel-inner > .item > a  { margin: auto;}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img {
margin: auto;width: 100% !important;}
	
}

@media  (max-width: 480px) {
	
.indicators-line > .carousel-indicators{display: none;}

.slide-text { top: 18%; width: 100%; padding: 0px 10px; }
.slide-text > h1 {font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.slide-text .slide_p1{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.slide-text .slide_p2{font-size: 12px;line-height:inherit;margin-bottom: 10px;}
.slide-text > a.btn-more{font-size: 12px; line-height: 15px; z-index: 99; margin-right: 10px; text-align: center; padding: 5px 20px 5px 20px;}
	
/*控制图片加大*/
.bs-slider > .carousel-inner > .item ,.bs-slider > .carousel-inner > .item > a  { margin: auto;}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img {
margin: auto;width: 100% !important;}
}


.page2{ width:600px; margin:0 auto; clear:both;}
.page2 li{ float:left; margin:0 10px 0 0;}
.page2 a{ padding:5px; background:#999; border:#888 1px solid; line-height:12px; display:block; color:#fff; text-align:center;}
.page2 a:hover{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 .current{ border-color:#333; color:#333;padding:5px; margin:0;}
.page2 span{float:left; display:block; height:25px; line-height:25px; padding:0 5px;}