/** structure  --------------------------------------------------------*/
/** width */
.pageWidth { width: 1200px; margin-left: auto; margin-right: auto; }

.narrowWidth { width: 1080px; margin-left: auto; margin-right: auto; }

.trnpage { padding: 30px 0; }
.bd-color{ background:#ececec; }
.mt100{ margin-top:100px;}


/** header */
.header { background:#f8f4f4; height:100px; border-bottom:1px #e6e6e6 solid;}

.header_cha { padding:0; background:#f8f4f4; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-bottom:1px #ccc solid\9; *border-bottom:1px #ccc solid;}
.header_index { position:fixed; top:0; left:0; width:100%; z-index:100;}



/*.top { padding: 24px 0; }*/
.logo-bar{   background:#f8f4f4;  line-height: 100px;}
.logo-area,.navBar-area,.logo { float: left; }
.logo-area{ width: 760px; margin-right:20px;   }
.logoName{ font-size:28px; color:#010101;}
.navList{ width:240px; clear: both;  position: relative;}
.navList li{  float: left; display: inline-block; padding: 0 5px;}
.nav-lk a{display: block;  padding: 0 30px ; clear: both; text-align: center; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.nav-lk span{  display:block; padding:0; height: 34px;}
.nav-ce{font-size:19px;  color:#222; }
.nav-eng{ text-transform: uppercase; color:#444; }
.n-eng1{font-size:13px; }
.n-eng2{font-size:15px; }
.topLogin-area{ float:right; padding: 25px 0;}
.tp-loginBtn{ display:block; border:1px #ce1023 solid; width: 110px; height: 30px; line-height:30px; color: #ce1023; font-size:16px; text-align: center; border-radius:5px;}
.tp-loginBtn:hover{  background:#ce1023; color:#fff;}
.nav-link { display:block;  color: #fff;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }


.nav-link:hover, .nav-cur .nav-link, .nav-cur .nav-link:hover { color:#fff; }

.nav-cur{ background:#c80f21;
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration:1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;         }
.nav-cur span{ color:#fff;}



/** banner  */
.ban { width:100%;  height: 400px; margin: 0 auto; overflow: hidden; clear: both; margin-top:100px;}

.banWrap { background-position: center; background-repeat: no-repeat; background-size:cover; }

.ban1 { background-image: url(../images/ban/ban1.png); }

.ban2 { background-image: url(../images/ban/ban2.png); }

.banWrap-in { width: 1200px; height: 400px; margin-left: auto; margin-right: auto; }

/* ban slider plug necessary */
.ban-container { position: relative; margin: 0 auto; }

.banSlides .slidesjs-pagination { position: absolute; left: 0; top: 370px; right: 0; z-index: 10; text-align: center; list-style: none; }
.banSlides .slidesjs-pagination li { display: inline-block; margin: 0 2px; text-align: center; }
.banSlides .slidesjs-pagination li a { display: inline-block; width:30px; height: 4px; border-radius: 2px; background:rgba(248,244,244,.8); overflow: hidden; font-size: 0; }
.banSlides .slidesjs-pagination li a:hover { background: #c80f21; }
.banSlides .slidesjs-pagination li a.active { background: #c80f21; }
.banSlides .slidesjs-pagination li a.active:hover.active { background: #c80f21; }

/* small banner */
.ban-sm { background-position: center center; background-position: no-repeat; }

.ban-smIn { position: relative; width: 1200px; height: 240px; margin-left: auto; margin-right: auto; vertical-align: middle; text-align: center; }

.ban-sm-con { display: inline-block; vertical-align: middle; color: #fff; }


/*footer*/
.bxqk_foooter{clear:both; overflow:hidden; background:#32343a;}
.footer-in-area{ padding:20px 0 20px 55px;}
.footerList-cont li{float:left; display: inline-block; }
.footer-list-01{ width:180px;}
.footer-list-02{ width:180px;}
.footer-list-03{ width:250px;}
.footer-list-04{ width:135px;}
.footer-list-05{ width:135px;}
.footer-list-06{ width:135px;}

.footerList-cont li h3{color:#fff; padding-bottom:10px;font-size: 18px;}
.footerList-cont li h3 b{border-bottom:1px #fff solid;  padding-bottom:3px;}
.footerList-cont li a{font-size:12px; color:#fff; display: block; padding:5px 0;}
.ft-copy{ clear:both; overflow:hidden; background:#2d2f34; padding:20px 0;}
.ft-copy p{text-align:center; color:#fff; font-size:12px;}



/** pagination  */
.pagin{width:400px; margin: 0 auto; margin-bottom:40px;}
.pagin-link { display: inline-block; padding: 5px 10px; margin: 0 2px; border-radius: 3px; border: 1px #ccc solid; background: #fff; font-size: 14px; color: #666; line-height: 18px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.pagin-link i { font-size:16px; }
.pagin-link:hover { border-color: #c81021; background: #fdeeef; -webkit-box-shadow: 0 2px 5px rgba(208, 28, 37, 0.1); box-shadow: 0 2px 5px rgba(208, 28, 37, 0.1); color: #d01c25; }

.pagin-cur, .pagin-cur:hover { border-color: #c81021; background: #c81021; color: #fff; }

.pagin-disable, .pagin-disable:hover, .pagin-disable.pagin-cur, .pagin-disable:hover.pagin-cur { border-color: #ccc; background: #fff; color: #666; opacity: 0.6; filter: alpha(opacity=60); cursor: default; }



/* easing */
.easing1 { transition:.1s; -moz-transition:.1s; -webkit-transition:.1s; -o-transition:.1s;}
.easing3 { transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;}
.easing5 { transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s;}