@charset "utf-8";
body{margin:0px; padding:0px; font-size:12px; font-family: Arial,"Microsoft JhengHei"; color:#666; overflow-x:hidden; background: #f5f5f5;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle; max-width:100%;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#007fca; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.ConpanyIntro1111
{line-height:28px;}
.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:1200px; margin:0px auto;}
.wal2{width:1300px; margin:0px auto;}

@font-face {font-family:aparaj; src:url(../font/aparaj.ttf);}

.indexPart3 .list li .boxbox{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.banner {
    padding: 0 60px;
    margin: 0 auto;
}

.w320{ width:320px;}
.w860{ width:860px;}

.fangda{ overflow: hidden;}
.fangda img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}
.fangda:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.line1_hidden{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line2_hidden{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.line3_hidden{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/*按钮动画--start*/
.ico_h {display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } 
.ico_h:before {pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } 
.ico_h:hover, .ico_h:focus, .ico_h:active {-webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } 
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before {opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
/*按钮动画--end*/

.Phone-Box{ display: none; }

/*头部导航*/
.header{ padding: 0 60px; height: 123px; position: relative; z-index: 8;} 
.header .logo{ position: absolute; left: 60px; top: 10px; }
.header.hov{background:#fff;} 
.header2{ position: absolute; left: 0px; top: 0px; padding: 0; width: 100%;}
.header2.hov{background:#fff;}
.nav{ text-align: center; height: 123px; }
.nav li{ padding: 0 44px; display: inline-block; font-size: 14px; height: 123px;}
.nav li a{ display: block; height: 25px; padding-top: 54px; color: #0e0e0e; }
.nav li.liNow1 a, .nav li .aNow{ border-bottom: #838383 solid 1px;} 

.navIco{ display: none; position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; line-height: 50px; text-align: center;}
.navIco img{ width: 24px;    margin-top: 24px; }

.header .topSearch{ position: absolute; right:96px; top:46px;} 
.header .topSearch input{ display:none; height: 32px; line-height: 32px; border-bottom: #bdbdbd solid 1px; width: 180px; font-size: 14px;} 
.header .topSearch img{position: absolute; right: 0px; top: 8px; cursor: pointer;} 


/*.sNav{ display: none; position: absolute; z-index:  8; width:  100%; background: #fff; height:246px; left:0px; top: 103px;} 
.sNav .bigBox{ width: 1200px; margin: 0 auto;}
.sNav .leftImg{ padding: 25px 0 0 108px; }
.sNav .rightDiv{ padding: 25px 120px 0 0; width: 610px;}
.sNav .rightDiv ul{ margin-right: -80px; }
.sNav .rightDiv li{ margin-bottom: 20px; width: 50%; float: left; height: 60px; line-height: 60px; font-size: 15px;}
.sNav .rightDiv li .box{ margin-right: 80px; background: url(../images/line1.jpg) left bottom no-repeat;}
.sNav .rightDiv li a{ color: #000; display: block; height: 60px; background: url(../images/nimg8_1.png) right center no-repeat }
*/

.plSubCon_1 { clear: both; overflow: hidden; }
.plSubConsy { width:auto;overflow: hidden;border-bottom:0px solid #4c4c4c;background-color:white;  padding:8px 0 8px 0; margin-bottom:15px;}
.plSubConsy li { width:auto; line-height:35px; margin:0 10px 0 13px ;text-align:center; }
.plSubConsy .maxLen {text-align:center;font-size:14px; }
.plSubConsy li a { color: #333333;font-weight:bold; margin:0 8px; }
.plSubConsy .maxLen a:hover { color: #FF6600; text-decoration: underline; }

.progrom {
    /*width: 100%;*/
    padding: 35px 90px 35px 90px;
    overflow: hidden;
}
.progrom .title{
	line-height: 40px;
	font-size: 20px;
	color: #676767;
	text-align: center;
}
.progrom  .sub-title{
	text-align: center;
	font-size: 16px;
	color: #555555;
}

    .progrom .lists {
        width: 100%;
        max-width: 1303px;
        clear: both;
        margin: 0 auto;
        display: inline-block;
        margin-left: -10px;
        padding-top: 30px;
        overflow: hidden;
    }
.progrom .lists li{
	width: 33.33%;
    height:310px;
    margin-bottom:20px;
	float: left;
    overflow:hidden;
}
.progrom .lists li .item{
	margin-right: 10%;
	box-sizing: border-box;

}.progrom .lists li .item .small {
    padding-bottom: 15px;
    padding-top: 5px;
}
.progrom .lists li .item .small a{
	width:350px;
	height: 32px;
	line-height: 32px;
	text-align: left;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
}
.progrom .lists li .item .small a:hover{
	opacity: 0.8
}

.plSubCon_1 { clear: both; overflow: hidden; }
.plSubCon { overflow: hidden;width:auto;  background-color:#FFFFFF; padding :35px 25px;margin:0 0 16px 0; }
.plSubCon ul { width: auto; list-style-type: none; }
.plSubCon li { width: 24%; height:auto; float: left; display: inline; margin:0 7px 5px 5px; }
.plSubCon .img { width: 350px; height: 230px; display: table-cell; margin: 0 auto; border-width: 0px; border-style: solid; border-color: #C0C0C0; overflow: hidden; vertical-align: middle; }
.plSubCon .maxLen { width: 350px; }
.plSubCon .maxLen a { color: #333333;  }
.plSubCon .maxLen a:hover { color: #FF6600; text-decoration: underline; }

.sNav{ display: none; position: absolute; z-index:  8; width:  100%; background: #fff; height:246px; left:0px; top: 123px;} 
.sNav .bigBox{ width: 1200px; margin: 0 auto;}
.sNav .leftImg{ padding: 0px 0 0 108px; max-width:290px;}
.sNav .rightDiv{ padding: 0px 120px 0 0; width: 610px;} /*25*/
.sNav .rightDiv dl{ margin-right: -80px; }
.sNav .rightDiv dd{ opacity:0; margin-bottom: 20px; width: 50%; float: left; height: 60px; line-height: 60px; font-size: 15px;}
.sNav .rightDiv dd .box{ margin-right: 80px; background: url(../images/line1.jpg) left bottom no-repeat;}
.sNav .rightDiv dd a{ text-align: left; color: #000; display: block; height: 60px; background: url(images/nimg8_1.png) right center no-repeat; padding-top: 0px; }

/*导航菜单触发*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:555; right:-100%; top:0px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#f5f5f5; height:100%;width:100%;}
.navLayer .top{ position:relative; height:50px;}
.navLayer .logo{ position:absolute; left:10px; top:7px;}
.navLayer .logo img{ width: 59px; }
.navLayer .closeBtn{ height:50px; width:50px; position:absolute; top:0px; right:0px; text-align: center; line-height: 50px;}
.navLayer .closeBtn img{ position:relative; width: 20px;}
.sideNav{ padding: 40px 20px 0; }
.subNav{cursor:pointer; height:50px; line-height: 50px; position:relative; font-size:14px; background:url(images/ico2.png) right center no-repeat; background-size: 10px;}
.subNav .name{ position:relative;}
.subNav .txt1{ font-size: 16px; color: #000; background: url(images/line2.jpg) left bottom no-repeat;}
.subNav a{ display: block; height:50px;}
.currentDt{ background:url(images/ico2on.png) right center no-repeat; background-size: 10px;}
.navContent{display: none; }
.navContent li{ position:relative; border-bottom: #d7d7d7 solid 1px;}
.navContent a{display:block; height:45px; line-height:45px; font-size:14px; color: #4e4e4e;}

.main-wrap{ margin-bottom: 190px;  position: relative;  left: 0; z-index: 1; background: #f5f5f5;}

.pageBg{ position:fixed; z-index:5; width:100%; height:100%; display:none; background:url(images/bg1.png) repeat; left:0px; top:0px;}

.footDiv{ height: 190px; overflow: hidden; position: fixed; width: 100%; left: 0px; bottom: 0px; z-index: -1; background: #f5f5f5;}
.footDiv .bigBox{ padding: 0 150px; position: relative;}
.footDiv2{ padding: 38px 150px 0; background: #f1f1f1;}
.footDiv .msg{ padding-top: 75px; color: #363636; width: 350px;}
.footDiv .msg a{ color: #363636; display: block; }
.footDiv .tel{ padding-top: 75px; color: #363636;}
.footDiv .tel img{ padding-left: 5px; }
.footDiv .midDiv{ width: 120px; position: absolute; left: 50%; margin-left: -60px; top: 70px;}
.footDiv2 .midDiv{ top: 38px; }
.footDiv .logo{ display: block; text-align: center;}
.footDiv .share{ padding-top: 22px; text-align: center;}
.footDiv .share li{ margin: 0 11px; display: inline-block; }

.footTel{ padding: 15px 15px 25px; }
.footTel2{ background: #f1f1f1;}
.footTel .logo{ display: block; text-align: center;}
.footTel .share{ padding-top: 22px; text-align: center;}
.footTel .share li{ margin: 0 11px; display: inline-block; }
.footTel .msg{ padding-top: 20px; color: #363636; text-align: center;}
.footTel .msg a{ color: #363636; display: block; }
.footTel .tel{ padding-top: 20px; color: #363636; text-align: center; font-size: 14px;}
.footTel .tel img{ padding-right: 5px; }

.pageBanner{ position:relative; padding: 0 60px;margin-bottom: 20px;}
.pageBanner .imgDiv{ position: relative;}
.pageBanner .text-cover__img{ max-height:853px;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .txt{ position: absolute; left: 0px; bottom: 0%; width: 100%; height: 72px; overflow: hidden; background: url(images/bg2.png) repeat; line-height: 72px; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
.pageBanner .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: 30px; z-index: 5; }
.pageBanner .ico img{ width: 102px; }
.pageBanner .nameDiv{ position: absolute; left: 6.66%; bottom: 13.4%; }
.pageBanner .name1{ padding-top: 15px; position: relative; color: #fff; font-size: 32px; font-weight: bold; }
.pageBanner .name1 em{ position: absolute; left: 0px; top: 0px; display: block; width: 18px; height: 2px; background: #fff; }
.pageBanner .name2{ color: #fff; opacity: 0.1;  }

.pageBannerTel{ display:none; position: relative;}
.pageBannerTel img{ width:100%;}

.pageBox{ padding:0px 60px 20px; position: relative;}
.pageTitle{ padding-left: 0px;padding-bottom: 20px }
.pageTitle2{ padding-left: 0px; }
.pageTitle .title{ font-size: 38px; color: #393939; font-family:aparaj; line-height: 55px;}
.pageTitle .txt{ font-size: 18px; color: #000; }


.pageTitleTel{ height:50px; background:#f4f4f4; position:relative; font-size:14px; display:none;}
.sideTitleTel{ width:100%; height:50px; position:absolute; left:0px; top:0px;}
.sideTitleTel .con{ height:50px; line-height:50px; padding-left:10px; position:relative;}
.sideTitleTel .con a{ display:block; color:#333; background:url(../images/nimg51_1.png) right center no-repeat; background-size:36px; font-size:15px;}
.sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.sideTitleNav li{ border-bottom:#ddd solid 1px;}
.sideTitleNav li a{ display:block; height:36px; line-height:36px; padding-left:10px; color:#333; background:#f4f4f4;}


/*分页*/
.pageNum{height:100px; padding-top:20px; text-align:center;}
.pageNum a{margin:0 11px; display:inline-block; color: #353535; height:48px; line-height:48px; background:#fff; width: 48px; font-size:13px;}
.pageNum a:hover, .pageNum .aNow{background:#2d2d2d; color:#FFF;}
.pageNum .prev, .pageNum .next{ width: 80px; }
.pageNum .curr
{margin:0 11px; display:inline-block; color: red; height:48px; line-height:48px; background:#fff; width: 48px; font-size:13px;}

.pageMore{ display:none; padding: 20px 0;}
.pageMore a{ display:block; color:#fff; height: 45px; line-height: 45px; text-align:center; font-size:16px; background: #2d2d2d; width: 100%;}

.pageMore2{ padding-top: 7px; }
.pageMore2 .a{ display: block; height: 45px; background: #fff; line-height: 45px; text-align: center; font-size: 16px; color: #0e0e0e;}
.pageMore2 .a:hover{ background: #0e0e0e; color: #fff; }

.topA{ position: fixed; right: 0px; bottom: 70px; display: none; width: 57px; height: 57px; }

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.tabContent3{ display:none;}
.tab3 dd{ cursor:pointer;}

.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:111;
	top:0; left:0px;
	background-color:#000;
	display:none;
}


.selectDiv{cursor:pointer;}
.selectDiv span{padding-left:10px;}
.selectDiv select{display:none;}
/**/
.selectLayer{position:absolute; z-index:100; display:none; background:#FFF; border:#bababa solid 1px;}
.selectLayer li{height:22px; line-height:22px; overflow:hidden; padding-left:10px; color:#666;}



@-webkit-keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}
@-moz-keyframes detailsNavList {
  0% {
    opacity: 0;
    -moz-transform: translateX(70px);
         transform: translateX(70px);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
         transform: translateX(0);
    -moz-backface-visibility: hidden;
         backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
         transform-style: preserve-3d;
  }
}
@-o-keyframes detailsNavList {
  0% {
    opacity: 0;
    -o-transform: translateX(70px);
       transform: translateX(70px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
       transform: translateX(0);
    backface-visibility: hidden;
    transform-style: preserve-3d;
  }
}
@keyframes detailsNavList {
  0% {
    opacity: 0;
    -webkit-transform: translateX(70px);
       -moz-transform: translateX(70px);
         -o-transform: translateX(70px);
            transform: translateX(70px);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
}


.sNav dd {
  -webkit-animation: detailsNavList 1s 0.3s forwards;
     -moz-animation: detailsNavList 1s 0.3s forwards;
       -o-animation: detailsNavList 1s 0.3s forwards;
          animation: detailsNavList 1s 0.3s forwards;
}
.sNav dd:nth-of-type(2) {
  -webkit-animation-delay: .4s;
     -moz-animation-delay: .4s;
       -o-animation-delay: .4s;
          animation-delay: .4s;
}
.sNav dd:nth-of-type(3) {
  -webkit-animation-delay: .5s;
     -moz-animation-delay: .5s;
       -o-animation-delay: .5s;
          animation-delay: .5s;
}
.sNav dd:nth-of-type(4) {
  -webkit-animation-delay: .6s;
     -moz-animation-delay: .6s;
       -o-animation-delay: .6s;
          animation-delay: .6s;
}






/*banner*/
.indexFlash{position:relative; overflow:hidden; padding: 0 60px; background: #f5f5f5;}
.indexFlash .slick img{ width:100%;}
.indexFlash .slick-dots{ padding: 28px 0 38px; width: 100%; text-align: center;}
.indexFlash .slick-dots li{display:inline-block; margin:0 4px; width:17px; height:17px; background:url(../images/ico1.png) center no-repeat;}
.indexFlash .slick-dots .slick-active{ background:url(../images/ico1on.png) center no-repeat;}

/*banner结束*/

.indexFlashTel{position:relative; overflow:hidden; padding: 0 10px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ padding: 25px 0; width: 100%; text-align: center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 4px; width:17px; height:17px; background:url(../images/ico1.png) center no-repeat;}
.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico1on.png) center no-repeat;}


.indexPart1{ padding: 0 60px; }
.indexPart1 .bigBox{ background: #fff; padding: 59px 90px 85px; overflow: hidden;}
.indexPart1 .leftDiv{ width: 35%; }
.indexPart1 .rightDiv{ width: 65%; }
.indexPart1 .imgDiv{ padding-right: 13.5%; }
.indexPart1 .imgDiv img{ width: 100%; }
.indexPart1 .txt1{ font-size: 60px; color: #393939; padding-top: 0px; font-family:aparaj;}
.indexPart1 .txt2{ font-size: 18px; color: #000; }
.indexPart1 .content{ color: #484848; font-size: 13px; line-height: 32px; padding-top: 25px; padding-right: 0%; padding-bottom: 25px;}
.indexPart1 .btnDiv a{ display: block; width: 117px; height: 38px; line-height: 38px; background: #f7fafb; border:#d9dee0 solid 1px; color: #232227; text-align: center; }

.indexPart2{ padding: 60px; }
.indexPart2 .bigBox{ position: relative; }
.indexPart2 .bigBox a{ display: block; width: 100%; height: 100%; }
.indexPart2 .bigImg img{ width: 100%; }
.indexPart2 .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: -30px; z-index: 5; }

.indexPart2Tel{ padding: 20px 10px; }
.indexPart2Tel .bigBox{ position: relative; }
.indexPart2Tel .bigBox a{ display: block; width: 100%; height: 100%; }
.indexPart2Tel .bigImg img{ width: 100%; }
.indexPart2Tel .ico{ position: absolute; left: 50%; top: 50%; width: 70px; height: 40px; margin-left: -35px; margin-top: -20px; z-index: 5; }
.indexPart2Tel .ico img{ width: 70px; }

.indexPart3{ padding: 0 60px; }
.indexPart3 .bigBox{ background: #fff; }
.indexPart3 .tou{ padding: 0 90px; height: 172px; position: relative;}
.indexPart3 .txt1{ font-size: 60px; color: #393939; padding-top: 45px; font-family:aparaj;}
.indexPart3 .txt2{ font-size: 18px; color: #000; }
.indexPart3 .tab2{ position: absolute; right: 90px; top: 78px; }
.indexPart3 .tab2 li{ float: left; margin-left: 62px; font-size: 14px; color: #0e0e0e; height: 32px;}
.indexPart3 .tab2 .liNow{ border-bottom: #4b4b4b solid 1px; }
.indexPart3 .tabContentDiv2{ border-top: #f2f2f2 solid 1px; }
.indexPart3 .list li{ float: left; width: 33.33%}
.indexPart3 .list li .box{ border-right:#f2f2f2 solid 1px;  height: 320px;}
.indexPart3 .list li .boxbox{ position: relative; padding-left: 50%; height: 310px; border: #fff solid 5px; -webkit-box-shadow: 0px 0px 20px 2px hsla(230,9%,48%,.1) inset; box-shadow: 0px 0px 20px 2px hsla(230,9%,48%,.1) inset;}
.indexPart3 .list li .imgDiv{ position: absolute; left: 10%; top: 20%; }
.indexPart3 .list li .name{ padding-top: 90px; font-size: 16px; color: #232227; padding-bottom: 10px;}
.indexPart3 .list li .msg{ color: #bcbcbd; padding-bottom: 25px;}
.indexPart3 .list li .btnDiv{width: 120px; height: 40px;}
.indexPart3 .list li .btnDiv a{ display: block; width: 118px; height: 38px; line-height: 38px; border: #d9dee0 solid 1px; background: #f7fafb; color: #232227; text-align: center;}
.indexPart3 .list .li01 .box{ height: 641px; }
.indexPart3 .list .li01 .boxbox{ height: 631px; padding-left: 0px;}
.indexPart3 .list .li01 .imgDiv{ position: relative; text-align: center; padding-top: 64px; left: 0px; top: 0px; }
.indexPart3 .list .li01 .price{ padding: 50px 0 20px; font-size: 28px; color: #666568; text-align: center;  font-family:aparaj;}
.indexPart3 .list .li01 .name{ font-weight: bold; text-align: center; font-size: 18px; padding-top: 0px; }
.indexPart3 .list .li01 .msg{ padding-top: 15px; text-align: center;}
.indexPart3 .list .li01 .btnDiv{ margin: 0 auto; }
.indexPart3 .list .li02 .box{ border-bottom: #f2f2f2 solid 1px; }
.indexPart3 .list li:hover .boxbox{ -webkit-box-shadow: 0 0px 20px 2px hsla(230,9%,48%,.2) inset; box-shadow: 0 0px 20px 2px hsla(230,9%,48%,.2) inset;}

.indexPart4{ padding: 0px 60px 0; margin-bottom:20px; }
.indexPart4 .bigBox{ background: #fff; }
.indexPart4 .tou{ padding: 0 20px; height: 172px; position: relative; border-bottom: #f5f5f5 solid 1px;}
.indexPart4 .txt1{ font-size: 60px; color: #393939; padding-top: 45px; font-family:aparaj;}
.indexPart4 .txt2{ font-size: 18px; color: #000; }
.indexPart4 .more{ position: absolute; right: 90px; top: 78px; }
.indexPart4 .more a{ display: block; font-size: 14px; color: #0e0e0e; height: 32px; border-bottom: #4b4b4b solid 1px; }
.indexPart4 .list{ padding: 93px 90px 50px 90px; }
.indexPart4 .list ul{ margin-right: -60px; }
.indexPart4 .list li{ float: left; width: 33.33%;margin-bottom:30px; }
.indexPart4 .list li .box{ margin-right: 60px; }
.indexPart4 .list li .imgDiv{ position: relative; }
.indexPart4 .list li .imgDiv img{ width: 100%;}
.indexPart4 .list li .name{ padding-top: 50px; font-weight: bold; font-size: 18px; height: 28px; line-height: 28px; overflow: hidden; text-align: center;}
.indexPart4 .list li .name a{ display: block; color: #232227;}
.indexPart4 .list li .name a:hover{ text-decoration: underline; }

.indexPart4 .list li .name11{ padding-top: 20px; font-weight: bold; font-size: 18px; height: 28px; line-height: 23px; overflow: hidden; text-align: center;}
.indexPart4 .list li .name11 a{ display: block; color: #232227;}
.indexPart4 .list li .name11 a:hover{ text-decoration: underline; }

.indexPart4 .list li .msg{ color: #6f6f6f; font-size: 13px; text-align: center; padding-top: 20px; height: 48px; line-height: 24px; overflow: hidden;}
.indexPart4 .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
.indexPart4 .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(images/bg2.png) repeat; display: none; z-index: 5; }
.indexPart4 .list li .hideBox a{ display: block; width: 100%; height: 100%; }
.indexPart4 .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }

.yiz-s-pager {
    display:none;
}
.news{ padding-top: 15px; }
.news .list ul{ margin-right: -56px; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 50px;}
.news .list li .box{ margin-right: 56px; background: #fff; padding: 8% 8% 105px;}
.news .list li .imgDiv{ position: relative; }
.news .list li .imgDiv img{ width: 100%; }
.news .list li .name{ padding-top: 50px; font-weight: bold; font-size: 18px; height: 28px; line-height: 28px; overflow: hidden; text-align: center;}
.news .list li .name a{ display: block; color: #232227;}
.news .list li .name a:hover{ text-decoration: underline; }
.news .list li .msg{ color: #6f6f6f; font-size: 13px; text-align: center; padding-top: 20px; height: 48px; line-height: 24px; overflow: hidden;}
.news .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
.news .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(images/bg2.png) repeat; display: none; z-index: 5; }
.news .list li .hideBox a{ display: block; width: 100%; height: 100%; }
.news .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }
.news .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}

.newShowBox{ padding-bottom: 45px; }
.newShow{ background: #fff; padding: 115px 190px 100px;}
.newShow .name{ text-align: center; color: #232227; font-size: 32px; padding-bottom: 20px;}
.newShow .time{ text-align: center; color: #4c4c4c; font-size: 16px;  font-family:aparaj; padding-bottom: 40px; border-bottom: #f2f2f2 solid 1px;}
.newShow .contentBox{ padding: 50px 0 65px; }
.newShow .videoImg, .newShow .imgDiv{ text-align: center; }
.newShow .videoImg img, .newShow .imgDiv img{ max-width: 900px; }
.newShow .content{ padding: 30px 0; line-height: 36px; font-size: 15px; color: #484848; text-align: center; }

.pageDown{ border-top: #f2f2f2 solid 1px; padding-top: 70px; position: relative;}
.pageDown .list li{ height: 28px; line-height: 28px; overflow: hidden; color: #251e1e;}
.pageDown .list li a{ color: #646464; }
.pageDown .list li a:hover{ text-decoration: underline; }
.pageDown .share{ position: absolute; right: 0px; top: 70px; }
.pageDown .share li{ float: left; width: 40px; height: 40px; margin-left: 10px; }

.video{ padding-top: 45px; }
.video .list ul{ margin-right: -60px; }
.video .list li{ float: left; width: 50%; margin-bottom: 60px;}
.video .list li .box{ margin-right: 60px; background: #fff; padding: 40px 45px 0; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.video .list li .imgDiv{ position: relative; }
.video .list li .imgDiv img{ width: 100%;}
.video .list li .ico{ position: absolute; left: 50%; top: 50%; margin-left: -43px; margin-top: -25px; width: 86px; height: 50px; background: url(images/nimg102_1.png) no-repeat; background-size: 86px;}
.video .list li .name{ font-weight: bold; font-size: 18px; height: 105px; line-height: 105px; overflow: hidden; text-align: center; color: #232227;}
.video .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.about{ background: #fff; padding: 110px 0 50px; }
.about .part1{ padding: 0 6.66%; position: relative; }
.about .part1 .pageTitle{ position: absolute; left: 6.66%; top: 0px; }
.about .part1 .rightDiv{ padding-left: 25%; }
.about .part1 .content{ color: #484848; font-size: 15px; line-height: 38px; padding-bottom: 90px; }
.about .part1 .list{ padding-bottom: 110px; }
.about .part1 .list ul{ margin-right: -110px; }
.about .part1 .list li{ float: left; width: 50%; }
.about .part1 .list li .box{ position: relative; padding-left: 140px; margin-right: 110px;}
.about .part1 .list li .ico{ position: absolute; left: 0px; top: 0px; width: 100px; height: 100px; background: url(images/nimg100_1.png) no-repeat;}
.about .part1 .list li .ico2{ background: url(images/nimg100_2.png) no-repeat;}
.about .part1 .list li .name1{ padding-top: 28px; color: #fff; text-align: center; font-size: 26px; }
.about .part1 .list li .name2{ text-align: center; color: #fff; font-family:aparaj; font-size: 16px;}
.about .part1 .list li .wen{ line-height: 36px; font-size: 20px; color: #484848; font-weight: bold; padding-top: 10px;}
.about .part1 .list li .msg{ line-height: 36px; font-size: 15px; color: #484848; padding: 40px 0 55px; position: relative;}
.about .part1 .list li .msg em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 48px; height: 1px; background: #c4c4c4; }
.about .bigImg img{ width: 100%; }
.about .part2{ padding: 20px 6.66% 10px; }
.about .part2 .list{ padding-top: 100px; overflow: hidden;}
.about .part2 .list ul{ margin-right: -200px; }
.about .part2 .list li{ float: left; width: 33.33%; height: 360px; margin-bottom: 70px;}
.about .part2 .list li .box{ padding-left: 100px; position: relative; margin-right: 200px;}
.about .part2 .list li .ico{ position: absolute; left: 0px; top: 0px; }
.about .part2 .list li .name1{ padding-top: 10px; font-size: 26px; color: #000; font-weight: bold; }
.about .part2 .list li .name2{ position: relative; padding-top: 5px; height: 30px;  color: #a3a3a3; display: block; font-size: 16px; font-family:aparaj;}
.about .part2 .list li .name2 em{ position: absolute; left: 0px; bottom: 0px; width: 18px; height: 1px; background: #c4c4c4; display: block; }
.about .part2 .list li .msg{ padding-top: 25px; font-size: 15px; color: #484848; line-height: 36px; }

.history{ background: #fff; padding: 90px 5% 10px; }
.history .pageTitle{ padding-bottom: 75px; padding-left: 1.66%;}
.history .list li{ min-height: 249px; border-top: #f1f1f1 solid 1px; position: relative; padding: 86px 30.8% 86px 23.8%;}
.history .list li .year{ position: absolute; left: 1.66%; top: 86px; color: #aeaeae; font-size: 16px; font-family:aparaj;}
.history .list li .year b{ display: block; font-size: 80px; color: #393939; line-height: 56px; }
.history .list li .year span{ letter-spacing: 10px; text-transform: uppercase; }
.history .list li .imgDiv{ position: absolute; right: 1.66%; top: 86px; }
.history .list li .subList dd{ font-size: 15px; color: #484848; line-height: 36px; }

.product{ padding-top: 0px; position: relative; padding-bottom: 52px;}
.product .tab2{ position: absolute; left: 0px; width: 100%; top: 80px; text-align: center; }
.product .tab2 li{ display: inline-block; margin: 0 30px; font-size: 14px; color: #0e0e0e; height: 32px;}
.product .tab2 .liNow{ border-bottom: #4b4b4b solid 1px; }
.product .list{ padding-top:0px; }
.product .list ul{ margin-right: -18px; }
.product .list li{ float: left; width: 33.33%; margin-bottom: 18px;}
.product .list li .box{ position: relative; padding-left: 50%; height: 310px; background: #fff; margin-right: 18px;}
.product .list li .imgDiv{ position: absolute; left: 10%; top: 20%; }
.product .list li .name{ padding-top: 90px; font-size: 16px; color: #232227; padding-bottom: 10px;}
.product .list li .msg{ color: #bcbcbd; padding-bottom: 25px; margin: 0 10px 0 0;line-height:22px;}
.product .list li .btnDiv{width: 120px; height: 40px;}
.product .list li .btnDiv span { display: block; width: 118px; height: 38px; line-height: 38px; border: #d9dee0 solid 1px; background: #f7fafb; color: #232227; text-align: center;}


.productShow{ padding: 0 60px 32px; }
.productShow .part1{ padding: 80px 5%; margin-bottom: 60px; background: #fff url(../images/line3.jpg) center repeat-y; overflow: hidden;}
.productShow1{ position: relative; width: 37%; padding-right: 13%; }
.productShow1 .bigImg{border:#e8e8e8 solid 1px; position:relative;}
.productShow1 .bigImg img{ width: 100%;}
.productShow1 .list{width:57px; overflow:hidden; position: absolute; right: 13%; top: 0px;}
.productShow1 li{ width:57px; height:57px; margin-bottom:17px; position:relative;}
.productShow1 li img{ border:#e8e8e8 solid 1px; width: 55px; height: 55px;}
.productShow1 .liNow img{ border:#3d3d3d solid 1px;}

.productPic{ position:relative; padding-bottom:20px;}
.productPic .agentlist{ padding:15px 20px;}
.productPic .agentlist .slick-slide{float:left; margin:0 6px;}
.productPic .slick-slide .ico{ border:#e8e8e8 solid 1px;}
.productPic .slick-slide img{ width:100%;}
.productPic .agentlist .slick-current .ico{ border:#3d3d3d solid 1px;}
.productPic .slick-prev{ cursor:pointer; position:absolute; background:url(../images/nimg8_left.png) no-repeat left center; width:8px; height:23px; top:50%; margin-top:-14px; left:0px; z-index:22}
.productPic .slick-next{ cursor:pointer; background: url(../images/nimg8_right.png) no-repeat right center; width: 8px; height: 23px; position: absolute; top:50%; margin-top:-14px; right: 0px; z-index:22}
.productPic .slider-for .box{ position:relative;}
.productPic .slider-for .imgDiv{ border:#ececec solid 1px;}
.productPic .slider-for .imgDiv img{ width:100%;}


.productShow2{ padding-left: 13%; width: 37%; }
.productShow2 .name{ padding-top: 60px; font-size: 36px; color: #363636; border-bottom: #efefef solid 1px; padding-bottom: 25px;}
.productShow2 .content{ font-size: 14px; color: #717171; line-height: 42px; padding-top: 30px; padding-right: 20%;}
.productShow2 .price{ padding: 40px 0 70px; font-size: 36px; color: #ff8158; font-family:aparaj;}
.productShow2 .btnList{ padding-right: 20%; }
.productShow2 .btnList ul{ margin-right: -16px; }
.productShow2 .btnList li{ float: left; width: 33.33%; }
.productShow2 .btnList li div{ margin-right: 16px; }
.productShow2 .btnList li a{ display: block; height: 44px; background: #414141; line-height: 44px; text-align: center; color: #fff;}
.productShow2 .btnList li img{ padding-right: 16px; }

.productShow .part2{ background: #fff; padding: 90px 0 45px;}
.productShow .part2 .longImg{ text-align: center; padding-bottom: 115px; }
.productShow .part2 .longImg img{ max-width: 1000px; }
.productShow .part2 .botDiv{ border-top: #f5f5f5 solid 1px; padding-top: 50px; }
.productShow .part2 .keywords{ text-align: center; }
.productShow .part2 .keywords li{ color: #949494; padding: 0 22px; display: inline-block; margin: 0 5px; height: 32px; line-height: 32px; background: #f4f4f4; border-radius: 4px; -moz-border-radius:4px;}
.productShow .part2 .share{ padding-top: 30px; text-align: center;}
.productShow .part2 .share li{ display: inline-block; margin: 0 5px; width: 40px; height: 40px; }

.agentBox{ padding: 0 60px 45px; }
.agent{ position: relative; }
.agent .bigImg img{ width: 100%; }
.agent .txtDiv{ position: absolute; left: 0px; width: 100%; text-align: center; top:30%;}
.agent .txtDiv .txt1{ font-size: 50px;  font-family:aparaj; color: #393939; line-height: 50px;height:50px;font-family: -webkit-pictograph;}
.agent .txtDiv .txt2{ font-size: 18px; color: #000;margin-top:0px; }
.agent .form{ position: absolute; left: 50%; top: 60%; /*height: 53px;*/ margin-left: -200px; /*background: #fff;*/
width:400px;height:100px;

}
.agent .form .input1{ width: 100%; height: 53px; line-height: 53px; text-indent: 30px; font-size: 13px; color: #939393; }
.agent .form .btn1{z-index: 100; position: absolute; left: 0px; top: 0px; width: 150px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}
.agent .form .btn2{z-index: 100; position: absolute; right: 0px; top: 0px; width: 150px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}
.agent .form .btn3{ position: absolute; right: -480px; top: 0px; width: 100px; height: 53px; line-height: 53px; background: #343434; color: #fff; font-size: 16px; text-align:center;}

.contactBox{ overflow: hidden; }
.contactBox .leftImg{ width: 42%; }
.contactBox .leftImg img{ width: 100%; }
.contactBox .rightDiv{ padding: 0 8.5%; width: 41%; }
.contactBox .txtDiv{ text-align: left; padding-top: 23.5%;}
.contactBox .txtDiv .txt1{ font-size: 38px; color: #393939; font-family:aparaj; line-height: 50px;}
.contactBox .txtDiv .txt2{ font-size: 18px; color: #000; }
.contactBox .list{ padding-top: 10%; }
.contactBox .list ul{ margin-right: -48px; }
.contactBox .list li{ float: left; width: 33.33%; margin-bottom: 48px;}
.contactBox .list li .box{ padding-bottom: 30px; margin-right: 48px; background: #fafafa; border: #eee solid 1px; border-radius: 8px; -moz-border-radius:8px;}
.contactBox .list li .ewm{ padding-top: 42px; text-align: center; }
.contactBox .list li .name{ text-align: center; font-size: 15px; color: #393939; padding-top: 40px; }

.join{ padding-bottom: 12px; }
.join .part1 .bigBox{ position: relative; }
.join .part1 .bigBox .bigImg{ display: block; width: 100%; max-height: 853px; }
.join .part1 .bigBox .text-cover__img{ width: 100%; max-height: 853px; }
.join .part1 .bigImg img{ width: 100%; }
.join .part1 .ico{ position: absolute; left: 50%; top: 50%; width: 102px; height: 59px; margin-left: -51px; margin-top: -30px; z-index: 5; }

.join .part1Tel .bigBox{ position: relative; }
.join .part1Tel .bigBox a{ display: block; width: 100%; height: 100%; }
.join .part1Tel .bigImg img{ width: 100%; }
.join .part1Tel .ico{ position: absolute; left: 50%; top: 50%; width: 70px; height: 40px; margin-left: -35px; margin-top: -20px; z-index: 5; }
.join .part1Tel .ico img{ width: 70px; }
.join .part2{ margin-top: 55px; background: #fff; padding: 88px 0 80px; }
.join .part2 .txt1{ text-align: center; font-size: 60px; color: #393939; font-family:aparaj; line-height: 50px;}
.join .part2 .txt2{ text-align: center; font-size: 18px; color: #000;}
.join .part2 .list{ text-align: center; padding-top: 50px; }
.join .part2 .list li{ margin: 0 20px; display: inline-block; }
.join .part2 .list li a{ display: block; width: 100%; height: 100%; }
.join .part2 .list li .box{ border: #eee solid 1px; background: #fafafa; height: 404px; width: 380px; border-radius: 8px; -moz-border-radius:8px;}
.join .part2 .list li .ico{ padding: 82px 0 98px; }
.join .part2 .list li .name1{ font-size: 18px; color: #393939; padding-bottom: 5px;}
.join .part2 .list li .name2{ text-transform: uppercase; font-size: 30px; color: #393939; position: relative; height: 42px; font-family:aparaj;}
.join .part2 .list li .name2 em{ position: absolute; left: 50%; bottom: 0px; width: 18px; height: 1px; margin-left: -9px; background: #a2a2a2; }
.join .part3{ position: relative; margin-top:50px;}
.join .part3 .bigImg img{ width: 100%; }
.join .part3 .ewmDiv{ position: absolute; left: 50%; top: 50%; width: 254px; height: 302px; margin-left: -127px; margin-top: -151px; background: #fff; }
.join .part3 .ewm{ padding-top: 22px; text-align: center; }
.join .part3 .ewmDiv p{ font-size: 18px; color: #000; padding-top: 20px; text-align: center;}
.join .part4{ margin-top: 50px; background: #fff; padding: 125px 9% 150px; }
.join .part4 .leftDiv{ width: 25%; }
.join .part4 .wen{ padding-top: 40px; font-size: 60px; color: #3f3c3c; font-weight: bold; padding-bottom: 25px; }
.join .part4 .msg1{ color: #353535; font-size: 22px; line-height: 38px;}
.join .part4 .msg2{ padding-top: 15px; color: #ececec; }
.join .part4 .rightImg{ width: 55%; }
.join .part4 .rightImg img{ width: 100%; }




/*! www.vancheer.com  |  Powered by vancheer */


@media screen and ( max-width:1440px ){
	.indexPart3 .list li .imgDiv{ left: 3%; }
	.about .part1 .pageTitle .title{ font-size: 25px; line-height: 25px;}
	.about .part1 .list ul{ margin-right: -60px; }
	.about .part1 .list li .box{ margin-right: 60px;}
	.about .part1 .list li .msg{ line-height: 30px;}
	.about .part2 .list ul{ margin-right: -50px; }
	.about .part2 .list li .box{ margin-right: 50px;}
	.about .part2 .list li .msg{ line-height: 30px;}
	.history .list li{ padding: 86px 34.8% 86px 18.8%;}
	.history .list li .imgDiv img{ width: 340px; }
	.product .list li .imgDiv{ left: 3%; }
	.productShow2 .content{ padding-right: 5%;}
	.productShow2 .btnList{ padding-right: 5%; }
	.contactBox .list{ padding-top: 6%; }
	.contactBox .list ul{ margin-right: -24px; }
	.contactBox .list li{ margin-bottom: 24px;}
	.contactBox .list li .box{ padding-bottom: 20px; margin-right: 24px;}
	.contactBox .list li .ewm{ padding-top: 20px; }
	.contactBox .list li .name{ padding-top: 20px; }
	.join .part2 .list li{ margin: 0 15px;}
	.join .part2 .list li .box{ width: 360px; }
	.join .part4 .leftDiv{ width: 35%; }
	.join .part4 .wen{ padding-top: 20px; font-size: 50px; padding-bottom: 15px; }
	.join .part4 .msg1{ font-size: 18px; line-height: 36px;}

   
	}
@media screen and ( max-width:1920px ) {

    .agent .form {
        position: absolute;
        left: 50%;
        top: 52%; /*height: 53px;*/
        margin-left: -200px; /*background: #fff;*/
        width: 400px;
        height: 100px;
    }

}

@media screen and ( max-width:1004px ){
	.main-wrap{ margin-bottom: 0px; }
	.wal2{ width: 100%; }
	.header{ padding: 0; height: 80px;} 
	.header.hov{background:#f5f5f5;} 
	.header2.hov{background:none;} 
	.header .logo{ position: absolute; left: 10px; top: 7px; }
	.header .logo img{ width: 59px; }
	.nav, .PC-Box, .topSearch, .pageNum{ display: none; }
	.Phone-Box, .navIco, .pageMore{ display: block; }
	.indexPart1{ padding: 0 10px; }
	.indexPart1 .bigBox{ padding: 0 0 45px; }
	.indexPart1 .leftDiv, .indexPart1 .rightDiv{ width: 100%; }
	.indexPart1 .imgDiv{ padding-right: 0; }
	.indexPart1 .txt1{ font-size: 30px; padding-top: 30px; padding-left: 15px; line-height: 30px;}
	.indexPart1 .txt2{ font-size: 15px; padding-left: 15px;}
	.indexPart1 .content{ font-size: 12px; line-height: 26px; padding-top: 25px; padding-right: 15px; padding-left: 15px; padding-bottom: 25px;}
	.indexPart1 .btnDiv{ padding-left: 15px; }
	.indexPart1 .btnDiv a{ width: 100px; height: 30px; line-height: 30px;}
	.indexPart3{ padding: 0 10px; }
	.indexPart3 .tou{ padding: 0 15px; height: auto;}
	.indexPart3 .txt1{ font-size: 30px; padding-top: 20px; line-height: 30px;}
	.indexPart3 .txt2{ font-size: 15px;margin-bottom:10px;}
	.indexPart3 .tab2{ position: relative; right: 0px; top: 0px; padding: 25px 0; overflow: hidden;}
	.indexPart3 .tab2 li{ margin-left: 0px; margin-right: 28px;}
	.indexPart3 .tab2 li:last-child{ margin-right: 0px; }
	.indexPart3 .list li{ float: none; width: 100%}
	.indexPart3 .list li .box{ border-right:none;  height: 200px;}
	.indexPart3 .list li .boxbox{ height: 190px;}
	.indexPart3 .list li .imgDiv{ left: 10px; top: 35px; }
	.indexPart3 .list li .imgDiv img{ width: 130px; }
	.indexPart3 .list li .name{ padding-top: 25px; font-size: 14px; padding-bottom: 0px; height: 44px; line-height: 22px; overflow: hidden; margin-bottom: 5px;}
	.indexPart3 .list li .msg{ padding-top: 5px; padding-bottom: 0px; margin-bottom: 15px; height: 36px; line-height: 18px; overflow: hidden;}
	.indexPart3 .list li .btnDiv{width: 90px; height: 28px;}
	.indexPart3 .list li .btnDiv a{ width: 88px; height: 26px; line-height: 26px;}
	.indexPart3 .list .li01 .box{ height: 200px; }
	.indexPart3 .list .li01 .boxbox{ height: 190px; padding-left: 50%;}
	.indexPart3 .list .li01 .imgDiv{ position: absolute; text-align: left; padding-top: 0px; left: 10px; top: 35px; }
	.indexPart3 .list .li01 .price{ display: none; }
	.indexPart3 .list .li01 .name{ font-weight: normal; text-align: left; font-size: 14px; padding-top: 25px; }
	.indexPart3 .list .li01 .msg{ padding-top: 5px; text-align: left;}
	.indexPart3 .list .li01 .btnDiv{ margin: 0; }
	.indexPart3 .list .li02 .box{ border-bottom: none; }
	.indexPart4{ padding: 0px 10px; }
	.indexPart4 .tou{ padding: 0 15px; height: 102px;}
	.indexPart4 .txt1{ font-size: 30px; padding-top: 30px; line-height: 30px;}
	.indexPart4 .txt2{ font-size: 15px;}
	.indexPart4 .more{ right: 15px; top: 36px; }
	.indexPart4 .list{ padding: 30px 15px 40px; }
	.indexPart4 .list ul{ margin-right: 0px; }
	.indexPart4 .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.indexPart4 .list li .box{ margin-right: 0px; }
	.indexPart4 .list li .name{ padding-top: 20px; font-size: 15px;}
	.indexPart4 .list li .msg{ font-size: 12px; padding-top: 10px; height: 40px; line-height: 20px;}
	.pageBanner{ padding: 0 10px;}
	.pageBanner .txt{ height: 42px; line-height: 42px; font-size: 14px;}
	.pageBanner .ico{ width: 70px; height: 40px; margin-left: -35px; margin-top: -20px;}
	.pageBanner .ico img{ width: 70px; }
	.pageBanner .nameDiv{ left: 15px; bottom: 15px; }
	.pageBanner .name1{ padding-top: 10px; font-size: 16px; }
	.pageBanner .name2{ display: none; }
	.pageBox{ padding:20px 10px 20px;}
	.pageTitle{ padding-left: 0px; }
	.pageTitle .title{ font-size: 25px; line-height: 25px;}
	.pageTitle .txt{ font-size: 15px; }
	.news{ padding-top: 10px; }
	.news .list ul{ margin-right: 0px; }
	.news .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.news .list li .box{ margin-right: 0px; padding: 10px 10px 45px;}
	.news .list li .name{ padding-top: 20px; font-size: 15px;}
	.news .list li .msg{ font-size: 12px; padding-top: 10px; height: 40px; line-height: 20px;}
	.news .list li .time{ text-align: center; color: #4c4c4c; font-size: 16px; font-family:aparaj;}
	.news .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg2.png) repeat; display: none; z-index: 5; }
	.news .list li .hideBox a{ display: block; width: 100%; height: 100%; }
	.news .list li .btnDiv{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -20px; width: 120px; height: 40px; background: #303030; color: #fff; text-align: center; line-height: 40px; }
	.news .list li:hover .box{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}
	.newShowBox{ padding: 20px 10px 45px;}
	.newShow{ padding: 45px 15px 50px;}
	.newShow .name{ font-size: 20px; padding-bottom: 10px;}
	.newShow .time{ font-size: 14px; padding-bottom: 20px;}
	.newShow .contentBox{ padding: 30px 0 35px; }
	.newShow .videoImg img, .newShow .imgDiv img{ width: 100%; }
	.newShow .content{ padding: 20px 0; line-height: 26px; font-size: 14px;}
	.pageDown{ padding-top: 30px;}
	.pageDown .share{ position: relative; top: 0px; overflow: hidden; padding-top: 20px;}
	.pageDown .share li{ margin-left: 0px; margin-right: 10px; width: 35px; height: 35px;}
	.pageDown .share li img{ width: 35px; }
	.video{ padding-top: 25px; }
	.video .list ul{ margin-right: 0px; }
	.video .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.video .list li .box{ margin-right: 0px; padding: 20px 15px 0;}
	.video .list li .ico{ margin-left: -35px; margin-top: -20px; width: 70px; height: 40px; background-size: 70px;}
	.video .list li .name{ font-size: 14px; height: 45px; line-height: 45px;}
	.about{ padding: 50px 0 25px; }
	.about .part1{ padding: 0 15px; }
	.about .part1 .pageTitle{ position: relative; left: 0; }
	.about .part1 .rightDiv{ padding-left: 0; padding-top: 25px;}
	.about .part1 .content{ font-size: 14px; line-height: 30px; padding-bottom: 45px; }
	.about .part1 .list{ padding-bottom: 50px; }
	.about .part1 .list ul{ margin-right: 0px; }
	.about .part1 .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.about .part1 .list li .box{ padding-left: 110px; margin-right: 0px;}
	.about .part1 .list li .ico{ width: 90px; height: 90px; background-size: 90px;}
	.about .part1 .list li .ico2{ background: url(images/nimg100_2.png) no-repeat; background-size: 90px;}
	.about .part1 .list li .name1{ padding-top: 20px; font-size: 22px; }
	.about .part1 .list li .name2{ font-size: 14px;}
	.about .part1 .list li .wen{ line-height: 30px; font-size: 16px; padding-top: 5px;}
	.about .part1 .list li .msg{ line-height: 26px; font-size: 13px; padding: 25px 0 35px;}
	.about .part1 .list li .msg em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 48px; height: 1px; background: #c4c4c4; }
	.about .bigImg img{ width: 100%; }
	.about .part2{ padding: 45px 15px 10px; }
	.about .part2 .list{ padding-top: 30px;}
	.about .part2 .list ul{ margin-right: 0px; }
	.about .part2 .list li{ float: none; width: 100%; height: auto; margin-bottom: 35px;}
	.about .part2 .list li .box{ padding-left: 90px; margin-right: 0px;}
	.about .part2 .list li .ico img{ width: 70px; }
	.about .part2 .list li .name1{ padding-top: 5px; font-size: 20px; }
	.about .part2 .list li .msg{ padding-top: 15px; font-size: 13px; line-height: 26px; }
	.history{ padding: 35px 15px 10px; }
	.history .pageTitle{ padding-bottom: 35px; padding-left: 0;}
	.history .list li{ height: auto; padding: 25px 0;}
	.history .list li .year{ position: relative; left: 0; top: 0; padding-bottom: 20px;}
	.history .list li .year b{ font-size: 50px; line-height: 36px; }
	.history .list li .imgDiv{ position: relative; right: 0; top: 0; }
	.history .list li .imgDiv img{ width: 100%; }
	.history .list li .subList{ padding-top: 20px; }
	.history .list li .subList dd{ font-size: 14px; line-height: 26px; }
	.product{ padding-top: 0px; padding-bottom: 30px;}
	.product .tab2{ position: relative; right: 0px; top: 0px; padding: 25px 0; overflow: hidden;}
	.product .tab2 li{ display: block; float: left; margin-left: 0px; margin-right: 28px;}
	.product .tab2 li:last-child{ margin-right: 0px; }
	.product .list{ padding-top: 5px; }
	.product .list ul{ margin-right: 0px;}
	.product .list li{ float: none; width: 100%}
	.product .list li .box{ margin-right: 0px; height: 190px;}
	.product .list li .imgDiv{ left: 10px; top: 35px; }
	.product .list li .imgDiv img{ width: 130px; }
	.product .list li .name{ padding-top: 25px; font-size: 14px; padding-bottom: 0px; height: 44px; line-height: 22px; overflow: hidden;   margin: 0 10px 0 10px;margin-bottom: 5px;}
	.product .list li .msg{ padding-top: 5px; padding-bottom: 0px; margin-bottom: 15px; height: 36px; line-height: 22px; overflow: hidden; margin: 0 10px 0 10px}
	.product .list li .btnDiv{width: 90px; height: 28px;}
	.product .list li .btnDiv a{ width: 88px; height: 26px; line-height: 26px;}
	.pageMore2 a{ height: 45px; line-height: 45px;}
	.productShow{ padding: 0 0 25px; }
	.productShow .part1{ padding: 30px 10px 40px; margin-bottom: 40px; background: #fff;}
	.productShow2{ padding-left: 0; width: 100%; }
	.productShow2 .name{ padding-top: 20px; font-size: 18px; padding-bottom: 15px;}
	.productShow2 .content{ line-height: 24px; padding-top: 20px; padding-right: 0;}
	.productShow2 .price{ padding: 20px 0 35px; font-size: 24px;}
	.productShow2 .btnList{ padding-right: 0; }
	.productShow2 .btnList ul{ margin-right: -5px; }
	.productShow2 .btnList li{ float: left; width: 33.33%; }
	.productShow2 .btnList li div{ margin-right:5px; }
	.productShow2 .btnList li img{ padding-right: 5px; }
	.productShow .part2{ padding: 30px 10px 35px;}
	.productShow .part2 .longImg{  padding-bottom: 55px; }
	.productShow .part2 .longImg img{ max-width: 100%; }
	.productShow .part2 .botDiv{ border-top: #f5f5f5 solid 1px; padding-top: 50px; }
	.productShow .part2 .keywords{ text-align: left; overflow: hidden; }
	.productShow .part2 .keywords li{ padding: 0 12px; display: block; float: left; margin: 0 5px 5px 0;}
	.productShow .part2 .share{ padding-top: 20px; }
	.agentBox{ padding: 0 10px 25px; }
	.agent{ background: #d8dcdf; height: 400px; padding: 0 10px; }
	.agent .mxfDiv{ position: relative; height: 400px; }
	.agent .bigImg{ display: none; }
	.agent .txtDiv{ top: 24.24%;}
	.agent .txtDiv .txt1{ font-size: 40px; line-height: 30px;}
	.agent .txtDiv .txt2{ font-size: 16px;}
	.agent .form{left: 50%;
    width: 100px;
    height: 45px;
    margin-left: -150px;
    position: absolute;}
	.agent .form .input1{ height: 45px; line-height: 45px; text-indent: 15px; }
	.agent .form .btn1{ width: 130px; height: 45px; line-height: 45px; font-size: 14px; right:-50px;z-index:100;}
    .agent .form .btn2{ width: 130px; height: 45px; line-height: 45px; font-size: 14px; right: -198px;z-index:100;}
	.contactBox{ overflow: hidden; }
	.contactBox .leftImg{ width: 100%; }
	.contactBox .leftImg img{ width: 100%; }
	.contactBox .rightDiv{ padding: 20px 15px; width: auto; }
	.contactBox .txtDiv{ text-align: center; padding-top: 25px;}
	.contactBox .txtDiv .txt1{ font-size: 40px; line-height: 30px;}
	.contactBox .txtDiv .txt2{ font-size: 16px;}
	.contactBox .list{ padding-top: 25px; }
	.contactBox .list ul{ margin-right: -15px; }
	.contactBox .list li{ width: 50%; margin-bottom: 25px;}
	.contactBox .list li .box{ padding-bottom: 20px; margin-right: 15px; }
	.contactBox .list li .ewm{ padding-top: 25px; width: 125px; margin: 0 auto;}
	.contactBox .list li .ewm img{ width: 125px; }
	.contactBox .list li .name{ font-size: 14px; padding-top: 20px; }
	.join .part2{ margin-top: 25px; padding: 48px 0 40px; }
	.join .part2 .txt1{ font-size: 40px; line-height: 30px;}
	.join .part2 .txt2{ font-size: 16px;}
	.join .part2 .list{ padding-top: 25px; padding-left: 10px; padding-right: 10px;}
	.join .part2 .list li{ margin: 0 0 20px 0; display: block; }
	.join .part2 .list li .box{ height: auto; width: auto; padding-bottom: 40px;}
	.join .part2 .list li .ico{ padding: 42px 0 48px; }
	.join .part2 .list li .name1{ font-size: 18px; color: #393939; padding-bottom: 5px;}
	.join .part2 .list li .name2{ text-transform: uppercase; font-size: 30px; color: #393939; position: relative; height: 42px; font-family:aparaj;}
	.join .part2 .list li .name2 em{ position: absolute; left: 50%; bottom: 0px; width: 18px; height: 1px; margin-left: -9px; background: #a2a2a2; }
	.join .part3{ height: 350px; }
	.join .part3 .bigImg{ overflow: hidden; }
	.join .part3 .bigImg img{ height: 350px; width: auto; text-align: center;}
	.join .part4{ margin-top: 25px;  padding: 35px 15px 40px; }
	.join .part4 .leftDiv{ width: 100%; }
	.join .part4 .wen{ padding-top: 10px; font-size: 40px; padding-bottom: 5px; }
	.join .part4 .msg1{ font-size: 16px; line-height: 28px;}
	.join .part4 .rightImg{ width: 100%; padding-top: 25px;}

	}

@media (max-width: 600px) {
    .indexPart2 {
        padding: 10px;
    }
    .banner {
        padding: 0 10px;
        margin: 0 auto;
    }
.plSubCon_1 { clear: both; overflow: hidden; }
.plSubCon { overflow: hidden;width:auto;  background-color:#FFFFFF; padding :15px 15px;margin:0 0 16px 0; }
.plSubCon ul { width: auto; list-style-type: none; }
.plSubCon li { width: 100%; height:auto; float: left; display: inline; margin:0 7px 5px 0px; }
.plSubCon .img { width: 350px; height: 230px; display: table-cell; margin: 0 auto; border-width: 0px; border-style: solid; border-color: #C0C0C0; overflow: hidden; vertical-align: middle; }
.plSubCon .maxLen { width: 350px; }
.plSubCon .maxLen a { color: #333333;  }
.plSubCon .maxLen a:hover { color: #FF6600; text-decoration: underline; }

.progrom {
    width: 100%;
    padding: 3px 0 20px 0px;
    overflow: hidden;
}
.progrom .title{
	line-height: 40px;
	font-size: 20px;
	color: #676767;
	text-align: center;
}
.progrom  .sub-title{
	text-align: center;
	font-size: 16px;
	color: #555555;
} 

.progrom .lists{
	width: 100%;
	/*max-width: 1140px;*/
	clear: both;
	margin: 0 auto;
	display: inline-block;
	margin-left: -10px;
	padding-top: 30px;
}
.progrom .lists li{
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.progrom .lists li .item{
	margin-left: 17px;
	box-sizing: border-box;

}.progrom .lists li .item .small {
    padding-bottom: 15px;
    padding-top: 5px;
}
.progrom .lists li .item .small a{
	width:350px;
	height: 32px;
	line-height: 32px;
	text-align: left;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
}
.progrom .lists li .item .small a:hover{
	opacity: 0.8
}


}

    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
        outline: none;
    }

    .slick-list {
        position: relative;
        outline: none;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        outline: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }
    /*.slick-slide img
{
    display: block;
}*/
    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    @charset "utf-8";

    /*  css animation  */
    .trans {
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease;
        transition: all .5s ease;
    }

    /* page animation  */

    .ani-view {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-32px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }

    @-moz-keyframes fadeInDown {
        0% {
            opacity: 0;
            -moz-transform: translateY(-32px)
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0)
        }
    }

    @-o-keyframes fadeInDown {
        0% {
            opacity: 0;
            -o-transform: translateY(-32px)
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0)
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(-32px)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .ani-view.fade-in-down {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        transform: translateY(-32px);
        -ms-transform: translateY(0)\0/IE9;
    }

    .ani-view.fadeInDown {
        -webkit-animation-name: fadeInDown;
        -moz-animation-name: fadeInDown;
        -o-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }


    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(32px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0)
        }
    }

    @-moz-keyframes fadeInUp {
        0% {
            opacity: 0;
            -moz-transform: translateY(32px)
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0)
        }
    }

    @-o-keyframes fadeInUp {
        0% {
            opacity: 0;
            -o-transform: translateY(32px)
        }

        100% {
            opacity: 1;
            -o-transform: translateY(0)
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(32px)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }

    .ani-view.fade-in-up {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateY(32px);
        -moz-transform: translateY(32px);
        -o-transform: translateY(32px);
        transform: translateY(32px);
        -ms-transform: translateY(0)\0/IE9;
    }

    .ani-view.fadeInUp {
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-25px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-25px)
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }

    @-o-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-25px)
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0)
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-25px)
        }

        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }

    .ani-view.fade-in-left {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
        -ms-transform: translateX(0)\0/IE9;
    }

    .ani-view.fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        -moz-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }


    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(25px)
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }

    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(25px)
        }

        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }

    @-ms-keyframes fadeInRight {
        0% {
            opacity: 0;
            -ms-transform: translateX(25px)
        }

        100% {
            opacity: 1;
            -ms-transform: translateX(0)
        }
    }

    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(25px)
        }

        100% {
            opacity: 1;
            -o-transform: translateX(0)
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(25px)
        }

        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }

    .ani-view.fade-in-right {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateX(25px);
        -moz-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px);
        -ms-transform: translateX(0)\0/IE9;
    }

    .ani-view.fadeInRight {
        -webkit-animation-name: fadeInRight;
        -moz-animation-name: fadeInRight;
        -o-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

    /*后加的*/
    @keyframes fadeInUpLarge {
        0% {
            -webkit-transform: translateY(48px);
            -ms-transform: translateY(48px);
            transform: translateY(48px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-moz-keyframes fadeInUpLarge {
        0% {
            -webkit-transform: translateY(48px);
            -ms-transform: translateY(48px);
            transform: translateY(48px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeInUpLarge {
        0% {
            -webkit-transform: translateY(48px);
            -ms-transform: translateY(48px);
            transform: translateY(48px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-o-keyframes fadeInUpLarge {
        0% {
            -webkit-transform: translateY(48px);
            -ms-transform: translateY(48px);
            transform: translateY(48px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }


    .fadeInUpLarge {
        -webkit-animation-name: fadeInUpLarge;
        animation-name: fadeInUpLarge;
        animation-duration: 2s;
    }

    @keyframes fadeInDownLarge {
        0% {
            -webkit-transform: translateY(-32px);
            -ms-transform: translateY(-32px);
            transform: translateY(-32px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-moz-keyframes fadeInDownLarge {
        0% {
            -webkit-transform: translateY(-32px);
            -ms-transform: translateY(-32px);
            transform: translateY(-32px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeInDownLarge {
        0% {
            -webkit-transform: translateY(-32px);
            -ms-transform: translateY(-32px);
            transform: translateY(-32px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-o-keyframes fadeInDownLarge {
        0% {
            -webkit-transform: translateY(-32px);
            -ms-transform: translateY(-32px);
            transform: translateY(-32px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }


    @keyframes fadeInLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-moz-keyframes fadeInLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeInLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-o-keyframes fadeInLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    .fadeInLeftLarge {
        -webkit-animation-name: fadeInLeftLarge;
        animation-name: fadeInLeftLarge;
        animation-duration: 3s;
    }

    @keyframes fadeInRightLarge {
        0% {
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-moz-keyframes fadeInRightLarge {
        0% {
            -webkit-transform: translateX(20%);
            -ms-transform: translateX(20%);
            transform: translateX(20%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-webkit-keyframes fadeInRightLarge {
        0% {
            -webkit-transform: translateX(20%);
            -ms-transform: translateX(20%);
            transform: translateX(20%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    @-o-keyframes fadeInRightLarge {
        0% {
            -webkit-transform: translateX(20%);
            -ms-transform: translateX(20%);
            transform: translateX(20%);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }

    .fadeInRightLarge {
        -webkit-animation-name: fadeInRightLarge;
        animation-name: fadeInRightLarge;
        animation-duration: 3s;
    }


    @keyframes slideLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-moz-keyframes slideLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes slideLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-o-keyframes slideLeftLarge {
        0% {
            -webkit-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .slideLeftLarge {
        -webkit-animation-name: slideLeftLarge;
        animation-name: slideLeftLarge;
        animation-duration: 2s;
        -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -ms-transform: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        opacity: 1 !important;
    }

    .ani-view.slide-leftLarge {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
        transform: translateX(-50px);
        -ms-transform: translateX(0)\0/IE9;
    }

    .ani-view.slideLeftLarge {
        -webkit-animation-name: slideLeftLarge;
        -moz-animation-name: slideLeftLarge;
        -o-animation-name: slideLeftLarge;
        animation-name: slideLeftLarge;
    }
    /**/
    @keyframes slideRightLarge {
        0% {
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-moz-keyframes slideRightLarge {
        0% {
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-webkit-keyframes slideRightLarge {
        0% {
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-o-keyframes slideRightLarge {
        0% {
            -webkit-transform: translateX(50px);
            -ms-transform: translateX(50px);
            transform: translateX(50px);
        }

        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .slideRightLarge {
        -webkit-animation-name: slideRightLarge;
        animation-name: slideRightLarge;
        animation-duration: 2s;
        -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        -ms-transform: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        opacity: 1 !important;
    }

    .ani-view.slide-rightLarge {
        opacity: 0;
        opacity: 1\0/IE9;
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
        transform: translateX(50px);
        -ms-transform: translateX(0)\0/IE9;
    }

    .ani-view.slideRightLarge {
        -webkit-animation-name: slideRightLarge;
        -moz-animation-name: slideRightLarge;
        -o-animation-name: slideRightLarge;
        animation-name: slideRightLarge;
    }


/*广告位*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #FCFBFB;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform,height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform,height
    }

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

    .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

    .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
    }

    .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
    }

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 1.7%;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
    }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255,255,255,.5)
}

    .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
    }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

    .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=gbk,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container {
    width: 100%;
    height: auto;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
}

.swiper-container .swiper-slide {
    height: auto;
}

    .swiper-container .swiper-slide img {
        width: 100%;
    }

    .swiper-container .swiper-slide:nth-child(2n) {
        height: auto;
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
    left: 0;
    width: 100%;
}